css: Use classname instead of span selector for todo checkboxes.

(cherry picked from commit 8427b6f744)
This commit is contained in:
evykassirer 2024-07-25 11:54:01 -07:00 committed by Tim Abbott
parent 2d5c3f41c2
commit 33e10eaa04
1 changed files with 4 additions and 4 deletions

View File

@ -995,21 +995,21 @@
.todo-widget {
& label.checkbox {
& input[type="checkbox"] {
~ span {
~ .custom-checkbox {
border-color: hsl(185deg 40% 45%);
opacity: 0.7;
}
&:hover ~ span {
&:hover ~ .custom-checkbox {
background-color: hsl(185deg 20% 20%);
border-color: hsl(185deg 40% 35%);
}
&:checked ~ span {
&:checked ~ .custom-checkbox {
background-color: hsl(185deg 40% 45%);
}
&:focus ~ span {
&:focus ~ .custom-checkbox {
outline-color: hsl(0deg 0% 100% / 0%);
}
}