add solution

mate-academy · Apr 10, 2024 · 147a57a · 147a57a
1 parent 2ab2007
commit 147a57a
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 19 deletions.
diff --git a/src/styles/card.scss b/src/styles/card.scss
@@ -36,8 +36,8 @@
   &__name-panel {
     width: 100%;
     height: 36px;
-    font-size: 12px;
-    font-weight: 500;
+    font-size: $medium-font;
+    font-weight: $standart-font-weight;
     line-height: 18px;
     margin-top: 40px;
     color: $color-main;
@@ -55,8 +55,8 @@
   &__product-code {
     width: 100%;
     height: 14px;
-    font-size: 10px;
-    font-weight: 400;
+    font-size: $small-font;
+    font-weight: $small-font-weight;
     color: $color-secondary;
     align-self: flex-start;
     margin-bottom: 16px;
@@ -69,10 +69,10 @@
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
-    font-size: 10px;
+    font-size: $small-font;
     color: $color-main;
     margin-bottom: 24px;
-    font-weight: 400;
+    font-weight: $small-font-weight;
   }
 
   &__price-panel {
@@ -85,13 +85,13 @@
     margin-bottom: 16px;
 
     &-text {
-      font-size: 12px;
+      font-size: $medium-font;
       color: $color-secondary;
-      font-weight: 400;
+      font-weight: $small-font-weight;
     }
 
     &-value {
-      font-weight: 700;
+      font-weight: $big-font-weight;
       font-size: 16px;
       color: $color-main;
     }
@@ -107,7 +107,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    font-weight: 700;
+    font-weight: $big-font-weight;
     font-size: 14px;
     text-align: center;
     color: #fff;

diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -15,12 +15,6 @@ html {
 }
 
 body {
-  margin: 0;
-  padding: 0;
-  font-weight: 500;
+  font-weight: $standart-font-weight;
   font-size: 12px;
 }
-
-p {
-  margin: 0;
-}
diff --git a/src/styles/stars.scss b/src/styles/stars.scss
@@ -7,8 +7,8 @@
     background-image: url(../images/star.svg);
     background-repeat: no-repeat;
     background-position: center center;
-    width: 16px;
-    height: 16px;
+    width: $star-size;
+    height: $star-size;
     margin-right: 4px;
   }
 }

diff --git a/src/styles/variables.scss b/src/styles/variables.scss
@@ -2,3 +2,9 @@ $color-main: #060b35;
 $color-secondary: #616070;
 $button-color: #00acdc;
 $card-width: 200px;
+$small-font: 10px;
+$medium-font: 12px;
+$small-font-weight: 400;
+$big-font-weight: 700;
+$standart-font-weight: 500;
+$star-size: 16px;