update task solution

mate-academy · Oct 30, 2024 · f5b1e2a · f5b1e2a
1 parent d7bdbf4
commit f5b1e2a
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 14 deletions.
diff --git a/src/index.html b/src/index.html
@@ -9,7 +9,7 @@
     <title>Stars</title>
     <link
       rel="stylesheet"
-      href="./style.css"
+      href="./styles/style.css"
     />
   </head>
   <body>

diff --git a/src/styles/blocks/stars.css b/src/styles/blocks/stars.css
@@ -0,0 +1,3 @@
+.stars {
+  display: flex;
+}
diff --git a/src/style.css → src/styles/blocks/stars__star.css b/src/style.css → src/styles/blocks/stars__star.css
@@ -1,29 +1,18 @@
-/* add styles here */
-
-body {
-  margin: 0;
-}
-
-.stars {
-  display: flex;
-}
-
 .stars__star {
   width: 16px;
   height: 16px;
-  background-image: url('./images/star.svg');
+  background-image: url('../../images/star.svg');
   background-position: center;
   background-repeat: no-repeat;
   margin-right: 4px;
 }
 
-.stars--0 .stars__star:nth-child(-n + 0),
 .stars--1 .stars__star:nth-child(-n + 1),
 .stars--2 .stars__star:nth-child(-n + 2),
 .stars--3 .stars__star:nth-child(-n + 3),
 .stars--4 .stars__star:nth-child(-n + 4),
 .stars--5 .stars__star:nth-child(-n + 5) {
-  background-image: url('./images/star-active.svg');
+  background-image: url('../../images/star-active.svg');
   background-repeat: no-repeat;
   background-position: center;
 }
diff --git a/src/styles/style.css b/src/styles/style.css
@@ -0,0 +1,10 @@
+/* add styles here */
+
+/* stylelint-disable-next-line import-notation */
+@import './blocks/stars.css';
+/* stylelint-disable-next-line import-notation */
+@import './blocks/stars__star.css';
+
+body {
+  margin: 0;
+}