refactor some css code

mate-academy · Jul 27, 2023 · d5edc58 · d5edc58
1 parent 81b5259
commit d5edc58
Showing 1 changed file with 6 additions and 37 deletions.
diff --git a/src/style.css b/src/style.css
@@ -10,47 +10,16 @@ body {
   display: flex;
   height: 16px;
   width: 16px;
+  background-image: url(images/star.svg);
   background-repeat: no-repeat;
   background-position: center;
   margin-right: 4px;
 }
 
-.stars--0 :nth-child(n) {
-  background-image: url(images/star.svg);
-}
-
-.stars--1 :nth-child(n + 2) {
-  background-image: url(images/star.svg);
-}
-
-.stars--1 :first-child {
-  background-image: url(images/star-active.svg);
-}
-
-.stars--2 :nth-child(n + 3) {
-  background-image: url(images/star.svg);
-}
-
-.stars--2 :nth-child(-n + 2) {
-  background-image: url(images/star-active.svg);
-}
-
-.stars--3 :nth-child(n + 4) {
-  background-image: url(images/star.svg);
-}
-
-.stars--3 :nth-child(-n + 3) {
-  background-image: url(images/star-active.svg);
-}
-
-.stars--4 :nth-child(-n + 4) {
-  background-image: url(images/star-active.svg);
-}
-
-.stars--4 :last-child {
-  background-image: url(images/star.svg);
-}
-
-.stars--5 :nth-child(n) {
+.stars--1 :nth-child(-n+1),
+.stars--2 :nth-child(-n+2),
+.stars--3 :nth-child(-n+3),
+.stars--4 :nth-child(-n+4),
+.stars--5 :nth-child(-n+5) {
   background-image: url(images/star-active.svg);
 }