Better checkbox & radio border
This commit is contained in:
parent
3ca363b6c0
commit
bff9803fec
1 changed files with 2 additions and 1 deletions
|
@ -30,7 +30,7 @@ label.cbox > input + *::before {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
aspect-ratio: 1 / 1;
|
aspect-ratio: 1 / 1;
|
||||||
border: var(--synergy-border-width) solid var(--synergy-border);
|
border: var(--synergy-border-width) solid var(--synergy-border);
|
||||||
transition: background .1s, box-shadow .2s;
|
transition: background .1s, box-shadow .2s, border-color .1s;
|
||||||
background: var(--synergy-bg);
|
background: var(--synergy-bg);
|
||||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
|
||||||
grid-area: box;
|
grid-area: box;
|
||||||
|
@ -38,6 +38,7 @@ label.cbox > input + *::before {
|
||||||
|
|
||||||
label.cbox > input:checked + *::before {
|
label.cbox > input:checked + *::before {
|
||||||
background: var(--synergy-border-active);
|
background: var(--synergy-border-active);
|
||||||
|
border-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
label.cbox > input:focus-visible + *::before {
|
label.cbox > input:focus-visible + *::before {
|
||||||
|
|
Loading…
Reference in a new issue