add changes

mate-academy · Dec 20, 2024 · 9751f11 · 9751f11
1 parent b76e933
commit 9751f11
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 17 deletions.
diff --git a/src/index.html b/src/index.html
@@ -16,7 +16,7 @@
       href="https://fonts.gstatic.com"
     />
     <link
-      href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:wght@400;500;700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Poppins&family=Roboto:wght@400;500;700&display=swap"
       rel="stylesheet"
     />
     <link

diff --git a/src/styles/blocks/card.scss b/src/styles/blocks/card.scss
@@ -1,42 +1,41 @@
 .card {
+  box-sizing: border-box;
   position: relative;
   text-align: justify;
-  width: 167px;
+  width: 200px;
   height: 407px;
   border: 1px solid $grey-star-color;
   border-radius: 5px;
-  padding: 0 16px;
 }
 
 .card__product {
   display: block;
+  padding-inline: $standart-inline-pad;
+  padding-bottom: 4px;
   font-weight: 500;
   font-size: 12px;
   line-height: 18px;
-  color: #060b35;
+  color: $standart-black-color;
   text-decoration: none;
 }
 
 .card__code {
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  padding-top: 4px;
+  padding-inline: $standart-inline-pad;
   padding-bottom: 16px;
   font-size: 10px;
   font-weight: 400;
   color: #616070;
 }
 
 .card__button {
-  position: absolute;
-  bottom: 16;
   display: flex;
-  justify-content: center;
   align-items: center;
-  padding: 0;
-  width: 165px;
-  height: 39px;
+  justify-content: center;
+  margin-inline: 16px;
+  height: 40px;
   border: 1px solid $grey-star-color;
   border-radius: 5px;
   font-weight: 700;

diff --git a/src/styles/blocks/cash.scss b/src/styles/blocks/cash.scss
@@ -3,7 +3,7 @@
   height: 19px;
   justify-content: space-between;
   align-items: center;
-  padding-top: 24px;
+  padding-inline: $standart-inline-pad;
   padding-bottom: 16px;
 }
 
@@ -16,5 +16,5 @@
 .cash__sum--value-of-price {
   font-weight: 700;
   font-size: 16px;
-  color: #060b35;
+  color: $standart-black-color;
 }
diff --git a/src/styles/blocks/image.scss b/src/styles/blocks/image.scss
@@ -1,5 +1,5 @@
 .image {
-  padding: 32px 0 40px;
+  padding: 32px 19px 40px;
   display: flex;
   justify-content: center;
 }

diff --git a/src/styles/blocks/rating.scss b/src/styles/blocks/rating.scss
@@ -2,10 +2,12 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
+  padding-inline: $standart-inline-pad;
+  padding-bottom: 24px;
 }
 
 .rating__review {
   font-size: 10px;
   font-weight: 400;
-  color: #060b35;
+  color: $standart-black-color;
 }
diff --git a/src/styles/blocks/stars.scss b/src/styles/blocks/stars.scss
@@ -5,7 +5,7 @@
 .stars__star {
   width: 16px;
   height: 16px;
-  background-image: url(/src/images/star.svg);
+  background-image: url(../images/star.svg);
   color: $grey-star-color;
   background-position: center;
   background-repeat: no-repeat;
@@ -16,6 +16,6 @@
 }
 
 .stars__star--active {
-  background-image: url(/src/images/star-active.svg);
+  background-image: url(../images/star-active.svg);
   color: #ffde6a;
 }
diff --git a/src/styles/blocks/variables.scss b/src/styles/blocks/variables.scss
@@ -1 +1,3 @@
 $grey-star-color: #f3f3f3;
+$standart-inline-pad: 16px;
+$standart-black-color: #060b35;