smokephil/water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2026-01-21 12:35:44 +01:00
Code Issues Projects Releases Packages Wiki Activity

Improve cross-platform form controls

Browse source
This commit is contained in:
Kognise 2020-10-02 15:09:34 +00:00 • committed by GitHub
parent e5306ff96e
commit 1e96c39b92
1 changed files with 14 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/parts/_forms.css
View file

@ -37,8 +37,19 @@ input[type='color'] {
input[type='checkbox'],
input[type='radio'] {
height: 1em;
width: 1em;
transform: scale(1.4);
}
input[type='submit']:active,
input[type='button']:active,
input[type='range']:active,
button:active {
transform: translateY(2px);
}
input[type='checkbox']:active,
input[type='radio']:active {
transform: translateY(2px) scale(1.4);
}
input[type='radio'] {
@ -46,7 +57,7 @@ input[type='radio'] {
}
input {
vertical-align: top;
vertical-align: middle;
}
label {
@ -114,15 +125,6 @@ textarea:focus {
box-shadow: 0 0 0 2px var(--focus);
}
input[type='checkbox']:active,
input[type='radio']:active,
input[type='submit']:active,
input[type='button']:active,
input[type='range']:active,
button:active {
transform: translateY(2px);
}
input:disabled,
select:disabled,
button:disabled,