animation fix

mate-academy · Oct 5, 2023 · 4bc8661 · 4bc8661
1 parent f7da3e3
commit 4bc8661
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/src/styles/_footer.scss b/src/styles/_footer.scss
@@ -4,7 +4,6 @@
   @include pageGrid;
   row-gap: 64px;
 
-
   @include onTablet {
     padding: 88px 44px;
   }
@@ -58,7 +57,6 @@
     letter-spacing: -0.01em;
     color: $white;
 
-
     @include hoverUnderline {
       background-color: $white;
     }

diff --git a/src/styles/_items.scss b/src/styles/_items.scss
@@ -28,13 +28,20 @@
   }
 
   &__heading {
+    max-width: fit-content;
     font-size: 96px;
     font-weight: 400;
     line-height: 82px;
     letter-spacing: -0.05em;
     text-align: left;
     color: $accentorange;
     text-transform: uppercase;
+    transition: transform 0.3s ease;
+
+    &:hover {
+      cursor: pointer;
+      transform: scale(1.1);
+    }
   }
 
   &__info {

diff --git a/src/styles/_product.scss b/src/styles/_product.scss
@@ -25,6 +25,10 @@
 
     border-radius: 8px;
     margin-bottom: 16px;
+    transition: transform 0.3s;
+    &:hover {
+      transform: scale(1.02);
+    }
 
     @include onTablet {
       width: 328px;

diff --git a/src/styles/utils/_mixins.scss b/src/styles/utils/_mixins.scss
@@ -64,4 +64,3 @@
     transform-origin: left;
   }
 }
-