split css file

mate-academy · Jan 27, 2025 · 894cebb · 894cebb
1 parent 00f5778
commit 894cebb
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 40 deletions.
diff --git a/src/style.css b/src/style.css
diff --git a/src/styles/blocks/page.css b/src/styles/blocks/page.css
@@ -0,0 +1,3 @@
+body {
+  margin: 0;
+}
diff --git a/src/styles/blocks/stars.css b/src/styles/blocks/stars.css
@@ -0,0 +1,36 @@
+.stars {
+  display: flex;
+}
+
+.stars__star {
+  height: 16px;
+  width: 16px;
+  margin-right: 4px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-image: url(../../images/star.svg);
+}
+
+.stars--0 > .stars__star {
+  background-image: url(../../images/star.svg);
+}
+
+.stars--1 > :nth-child(-n + 1) {
+  background-image: url(../../images/star-active.svg);
+}
+
+.stars--2 > :nth-child(-n + 2) {
+  background-image: url(../../images/star-active.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--5 > .stars__star {
+  background-image: url(../../images/star-active.svg);
+}
diff --git a/src/styles/style.css b/src/styles/style.css
@@ -0,0 +1,2 @@
+@import 'blocks/stars.css';
+@import 'blocks/page.css';
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		@import 'blocks/stars.css';
		@import 'blocks/page.css';