mirror_css/css-water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-08-11 23:54:12 +02:00
Code Issues Releases 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='checkbox'],
input[type='radio'] { input[type='radio'] {
height: 1em; transform: scale(1.4);
width: 1em; }
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'] { input[type='radio'] {
@@ -46,7 +57,7 @@ input[type='radio'] {
} }
input { input {
vertical-align: top; vertical-align: middle;
} }
label { label {
@@ -114,15 +125,6 @@ textarea:focus {
box-shadow: 0 0 0 2px var(--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, input:disabled,
select:disabled, select:disabled,
button:disabled, button:disabled,