CodeSpace/Synergy
2
1
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Better checkbox & radio border

Browse source
This commit is contained in:
Filip Znachor 2024-05-01 18:04:41 +02:00
parent 3ca363b6c0
commit bff9803fec
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/checkbox.css
View file

@ -30,7 +30,7 @@ label.cbox > input + *::before {
border-radius: 50%;
aspect-ratio: 1 / 1;
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);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
grid-area: box;
@ -38,6 +38,7 @@ label.cbox > input + *::before {
label.cbox > input:checked + *::before {
background: var(--synergy-border-active);
border-color: transparent;
}
label.cbox > input:focus-visible + *::before {