minor css

This commit is contained in:
trinkey 2024-12-24 10:23:10 -05:00
parent e2f78b77fa
commit fa1b1d8a9a

View file

@ -119,11 +119,19 @@ button {
} }
input[type="checkbox"] { input[type="checkbox"] {
display: none; display: block;
height: 0;
width: 0;
opacity: 0;
pointer-events: none;
} }
input[type="checkbox"]:not(:has(+ label[data-fake-checkbox])) { input[type="checkbox"]:not(:has(+ label[data-fake-checkbox])) {
display: inline-block; display: inline-block;
pointer-events: all;
height: 1em;
width: 1em;
opacity: 100%;
} }
label[data-fake-checkbox]::before { label[data-fake-checkbox]::before {
@ -145,6 +153,10 @@ label[data-fake-checkbox]:hover::before {
background-color: rgb(var(--mantle)); background-color: rgb(var(--mantle));
} }
input[type="checkbox"]:focus + label[data-fake-checkbox]::before {
outline-color: rgb(var(--accent));
}
input[type="checkbox"]:checked + label[data-fake-checkbox]::before { input[type="checkbox"]:checked + label[data-fake-checkbox]::before {
background-color: rgb(var(--accent)); background-color: rgb(var(--accent));
} }