Merge pull request #63 from cassiohub/fix/radio-checkbox-active-state

Add `:active` state to radio and checkbox inputs
This commit is contained in:
Jordan Scales 2020-04-25 14:20:41 -04:00 committed by GitHub
commit a562053262
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -290,6 +290,10 @@ input[type="radio"] + label::before {
background: svg-load("./icon/radio-border.svg");
}
input[type="radio"]:active + label::before {
background: svg-load("./icon/radio-border-disabled.svg");
}
input[type="radio"]:checked + label::after {
content: "";
display: block;
@ -331,6 +335,10 @@ input[type="checkbox"] + label::before {
margin-right: var(--radio-label-spacing);
}
input[type="checkbox"]:active + label::before {
background: var(--surface);
}
input[type="checkbox"]:checked + label::after {
content: "";
display: block;