just save2.1

mate-academy · Sep 4, 2023 · 517fbdb · 517fbdb
1 parent 8c0893a
commit 517fbdb
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 18 deletions.
diff --git a/src/App.scss b/src/App.scss
@@ -35,4 +35,4 @@ p {
   font-style: normal;
   font-weight: 600;
   line-height: normal;
-}
+}
diff --git a/src/style/blocks/hotPices.scss b/src/style/blocks/hotPices.scss
@@ -14,29 +14,29 @@
 
 .button {
   background: #fff;
-  border: 1px solid #E2E6E9;
+  border: 1px solid $color-shadow;
   height: 32px;
   width: 32px;
 
   background-repeat: no-repeat;
   background-position: center;
   position: relative;
   background-color: $gray-white;
-  
+
   &__left {
     margin-right: 16px;
     background-image: url(../../images/icons/ArrowLeftDisabled.svg);
-    
+
     &--active {
       background-image: url(../../images/icons/AroowLeft.svg);
     }
   }
 
   &__right {
     background-image: url(../../images/icons/ArrowRightDisabled.svg);
-    
+
     &--active {
-      background-image: url(../../images/icons/ArrowRight.svg); 
+      background-image: url(../../images/icons/ArrowRight.svg);
     }
   }
-}
+}
diff --git a/src/style/blocks/productCard.scss b/src/style/blocks/productCard.scss
@@ -1,17 +1,17 @@
 .product {
   margin-bottom: 22px;
+
   &__card {
     width: 272px;
     height: 507px;
-    border: 1px solid var(--gray-elements, #E2E6E9);
-    background: var(--gray-white, #FFF);
+    border: 1px solid $color-shadow;
+    background: $gray-white;
   }
 
   &__photo {
     display: flex;
     margin: 32px 32px 0;
 
-
     &--img {
       margin: auto;
       max-width: 208px;
@@ -121,4 +121,4 @@
       color: $gray-primary;
     }
   }
-}
+}
diff --git a/src/style/blocks/slider.scss b/src/style/blocks/slider.scss
@@ -25,7 +25,7 @@
     height: 6px;
     width: 18px;
     border: none;
-    background-color: #E2E6E9;
+    background-color: $color-shadow;
 
     &--active {
       border: none;
@@ -41,17 +41,16 @@
   position: relative;
   background-color: $gray-white;
 
-
   display: flex;
   width: 32px;
   height: 400px;
   border: 1px solid $gray-icons-placeholders;
 
   &__left {
-    background-image: url('../../images/icons/AroowLeft.svg');
+    background-image: url("../../images/icons/AroowLeft.svg");
   }
 
   &__right {
-    background-image: url('../../images/icons/ArrowRight.svg');
+    background-image: url("../../images/icons/ArrowRight.svg");
   }
-}
+}
diff --git a/src/style/blocks/vars.scss b/src/style/blocks/vars.scss
@@ -1,5 +1,5 @@
 $gray-secondary: #89939a;
 $gray-primary: #313237;
 $gray-white: #fff;
-$color-shadow: #E2E6E9;
-$gray-icons-placeholders: #B4BDC3;
+$color-shadow: #e2e6e9;
+$gray-icons-placeholders: #b4bdc3;