Attempt CSS linting fix - v2

This commit is contained in:
Sanjit Joseph 2022-11-17 12:44:19 -08:00
parent f9074a2bc6
commit 004e5cc2a2

View File

@ -90,19 +90,24 @@ main {
/* Unchecked stars */ /* Unchecked stars */
.rating:not(:checked) > label { .rating:not(:checked) > label {
/* Make stars line up sideways and not vertically */ /* Make stars line up sideways and not vertically */
float: right; float: right;
/* Hide label text */ /* Hide label text */
width: 1em; width: 1em;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
/* Star default color and size */
font-size: 200%; font-size: 200%;
line-height: 1.2; line-height: 1.2;
color: #b3b3cc; color: #b3b3cc;
} }
.rating:not(:checked) > label:before { .rating > label:active {
position: relative;
}
.rating:not(:checked) > label::before {
content: "★"; content: "★";
} }
@ -116,13 +121,9 @@ main {
color: orangered; color: orangered;
} }
.rating > label:active {
position: relative;
}
.rating > input:checked + label:hover, .rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover, .rating > input:checked ~ label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover ~ label, .rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label { .rating > label:hover ~ input:checked ~ label {
color: orangered; color: orangered;