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"] {
display: none;
display: block;
height: 0;
width: 0;
opacity: 0;
pointer-events: none;
}
input[type="checkbox"]:not(:has(+ label[data-fake-checkbox])) {
display: inline-block;
pointer-events: all;
height: 1em;
width: 1em;
opacity: 100%;
}
label[data-fake-checkbox]::before {
@ -145,6 +153,10 @@ label[data-fake-checkbox]:hover::before {
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 {
background-color: rgb(var(--accent));
}