mirror of
https://github.com/kognise/water.css.git
synced 2025-12-06 06:44:58 +01:00
Revert "Merge pull request #51 from kognise/bugfix/custom-boxes"
This reverts commit 69e2d8821a.
This commit is contained in:
parent
d6766ceeda
commit
71800d232f
24 changed files with 2765 additions and 38 deletions
|
|
@ -2,8 +2,7 @@ button, select,
|
|||
input[type='submit'],
|
||||
input[type='button'],
|
||||
input[type='checkbox'],
|
||||
input[type='range'],
|
||||
input[type='radio'] {
|
||||
input[type='range'] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
@ -31,7 +30,8 @@ select {
|
|||
outline: none;
|
||||
}
|
||||
|
||||
input,
|
||||
input:not([type='checkbox']):not([type='radio']),
|
||||
input[type='range'],
|
||||
select,
|
||||
button,
|
||||
textarea {
|
||||
|
|
@ -80,41 +80,6 @@ textarea:focus {
|
|||
box-shadow: 0 0 0 2px var(--focus);
|
||||
}
|
||||
|
||||
input[type='checkbox'],
|
||||
input[type='radio'] {
|
||||
position: relative;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
input[type='radio'] {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
input[type='checkbox']:checked,
|
||||
input[type='radio']:checked {
|
||||
background: var(--button-hover);
|
||||
}
|
||||
|
||||
input[type='checkbox']:checked::before,
|
||||
input[type='radio']:checked::before {
|
||||
content: '•';
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
}
|
||||
|
||||
input[type='checkbox']:checked::before {
|
||||
content: '✔';
|
||||
transform: translateY(-50%) translateY(0.5px) translateX(-6px);
|
||||
}
|
||||
|
||||
input[type='checkbox']:active,
|
||||
input[type='radio']:active,
|
||||
input[type='submit']:active,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue