DRY done

mate-academy · Jun 17, 2024 · cfd75b2 · cfd75b2
1 parent 725ddea
commit cfd75b2
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 17 deletions.
diff --git a/src/index.html b/src/index.html
@@ -121,7 +121,7 @@
             >
               <img
                 class="card__image"
-                src="./images/imac.jpeg"
+                src="images/imac.jpeg"
                 alt="Apple A1419 iMac 27 Retina 5K Monoblock"
               />
 
@@ -162,7 +162,7 @@ <h3 class="card__title">
             <article class="card">
               <img
                 class="card__image"
-                src="./images/imac.jpeg"
+                src="images/imac.jpeg"
                 alt="Apple A1419 iMac 27 Retina 5K Monoblock"
               />
 
@@ -203,7 +203,7 @@ <h3 class="card__title">
             <article class="card">
               <img
                 class="card__image"
-                src="./images/imac.jpeg"
+                src="images/imac.jpeg"
                 alt="Apple A1419 iMac 27 Retina 5K Monoblock"
               />
 
@@ -244,7 +244,7 @@ <h3 class="card__title">
             <article class="card">
               <img
                 class="card__image"
-                src="./images/imac.jpeg"
+                src="images/imac.jpeg"
                 alt="Apple A1419 iMac 27 Retina 5K Monoblock"
               />
 
@@ -285,7 +285,7 @@ <h3 class="card__title">
             <article class="card">
               <img
                 class="card__image"
-                src="./images/imac.jpeg"
+                src="images/imac.jpeg"
                 alt="Apple A1419 iMac 27 Retina 5K Monoblock"
               />
 
@@ -326,7 +326,7 @@ <h3 class="card__title">
             <article class="card">
               <img
                 class="card__image"
-                src="./images/imac.jpeg"
+                src="images/imac.jpeg"
                 alt="Apple A1419 iMac 27 Retina 5K Monoblock"
               />
 
@@ -367,7 +367,7 @@ <h3 class="card__title">
             <article class="card">
               <img
                 class="card__image"
-                src="./images/imac.jpeg"
+                src="images/imac.jpeg"
                 alt="Apple A1419 iMac 27 Retina 5K Monoblock"
               />
 
@@ -408,7 +408,7 @@ <h3 class="card__title">
             <article class="card">
               <img
                 class="card__image"
-                src="./images/imac.jpeg"
+                src="images/imac.jpeg"
                 alt="Apple A1419 iMac 27 Retina 5K Monoblock"
               />
 

diff --git a/src/styles/card.scss b/src/styles/card.scss
@@ -8,8 +8,6 @@
   border: 1px solid $light-grey;
   border-radius: 5px;
   transition: transform 0.3s ease;
-  font-family: $roboto, sans-serif;
-  font-weight: 400;
   line-height: 14px;
 
   &:hover {
@@ -23,7 +21,6 @@
   }
 
   &__title {
-    font-family: $roboto, sans-serif;
     color: $black;
     font-weight: 500;
     line-height: 18px;
@@ -37,7 +34,6 @@
   }
 
   &__code {
-    font-size: 10px;
     color: $grey;
     margin-bottom: 16px;
   }
@@ -50,7 +46,6 @@
   }
 
   &__review {
-    font-size: 10px;
     color: $black;
     line-height: 14px;
     text-align: center;
@@ -81,7 +76,6 @@
   &__link-buy {
     box-sizing: border-box;
     display: block;
-    font-family: $roboto, sans-serif;
     font-size: 14px;
     font-weight: 700;
     line-height: 38px;
@@ -92,7 +86,7 @@
     border-radius: 5px;
     border: 1px solid $blue;
     text-transform: uppercase;
-    transition: all 0.2s;
+    transition: background-color 0.2s;
   }
 
   &__link-buy:hover {

diff --git a/src/styles/header.scss b/src/styles/header.scss
@@ -22,7 +22,6 @@
 
   &__item {
     font-size: 12px;
-    font-family: $roboto, sans-serif;
     font-weight: 500;
     display: flex;
     justify-content: center;
@@ -40,10 +39,10 @@
     color: $black;
     text-transform: uppercase;
     line-height: 60px;
+    transition: background-color 0.2s;
 
     &:hover {
       color: $blue;
-      transition: all 0.2s;
     }
   }
 }

diff --git a/src/styles/null.scss b/src/styles/null.scss
@@ -2,6 +2,12 @@
   box-sizing: border-box;
 }
 
+html {
+  font-family: $roboto;
+  font-size: 10px;
+  font-weight: 400;
+}
+
 body {
   margin: 0;
 }