alu/cse110-fa22-group29
1
0
Fork 0
mirror of https://github.com/cse110-fa22-group29/cse110-fa22-group29.git synced 2024-12-27 09:29:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Attempt CSS linting fix

Browse Source
This commit is contained in:
Sanjit Joseph 2022-11-17 12:31:51 -08:00
parent 85dc0544c7
commit f9074a2bc6
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
source/static/ReviewCard.css
View File

@ -82,33 +82,33 @@ main {
border-color: red; border-color: red;
} }
.hidden, .hidden,
.rating:not(:checked) > input { /* Hide radio circles while star rating */ .rating:not(:checked) > input { /* Hide radio circles while star rating */
display: none; display: none;
} }
/* 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;
font-size:200%; font-size: 200%;
line-height:1.2; line-height: 1.2;
color:#b3b3cc; color: #b3b3cc;
} }
.rating:not(:checked) > label:before { .rating:not(:checked) > label:before {
content:'★'; content: "★";
} }
/* Checked star color */ /* Checked star color */
.rating > input:checked ~ label { .rating > input:checked ~ label {
color: #FFBF00; color: #ffbf00;
} }
.rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover,
@ -116,6 +116,10 @@ display: none;
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 ~ label,
.rating > input:checked ~ label:hover, .rating > input:checked ~ label:hover,
@ -123,7 +127,3 @@ display: none;
.rating > label:hover ~ input:checked ~ label { .rating > label:hover ~ input:checked ~ label {
color: orangered; color: orangered;
} }
.rating > label:active {
position:relative;
}