Fixes hover states

This commit is contained in:
Mouse Reeve 2021-09-10 14:56:45 -07:00
parent 8840e09eac
commit da5003c45e

View file

@ -170,33 +170,41 @@ body {
content: '\e9d9'; /* icon-star-full */
}
/* Icons directly following half star inputs are marked as half */
.form-rate-stars input.half:checked ~ .icon::before {
content: '\e9d8'; /* icon-star-half */
}
/* stylelint-disable no-descending-specificity */
.form-rate-stars input.half:checked + input + .icon:hover::before {
content: '\e9d8' !important; /* icon-star-half */
}
/* Icons directly following half check inputs that follow the checked input are emptied. */
.form-rate-stars input.half:checked + input + .icon ~ .icon::before {
content: '\e9d7'; /* icon-star-empty */
}
/* Icons directly following inputs that follow the checked input are emptied. */
/* stylelint-disable no-descending-specificity */
.form-rate-stars input:checked ~ input + .icon::before {
content: '\e9d7'; /* icon-star-empty */
}
/* Icons directly following inputs that follow the checked input are emptied. */
/* stylelint-disable no-descending-specificity */
.form-rate-stars input:checked ~ input + .icon::before {
content: '\e9d7'; /* icon-star-empty */
}
/* When a label is hovered, repeat the fill-all-then-empty-following pattern. */
.form-rate-stars:hover .icon.icon::before {
content: '\e9d9'; /* icon-star-full */
content: '\e9d9' !important; /* icon-star-full */
}
/* stylelint-disable no-descending-specificity */
.form-rate-stars .icon:hover ~ .icon::before {
content: '\e9d7'; /* icon-star-empty */
content: '\e9d7' !important; /* icon-star-empty */
}
/** Book covers