add task solution

mate-academy · Mar 29, 2024 · 73c4e5a · 73c4e5a
1 parent a6ed655
commit 73c4e5a
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 0 deletions.
diff --git a/src/styles/button.scss b/src/styles/button.scss
@@ -9,11 +9,13 @@ button {
   line-height: 16px;
   font-weight: 600;
   cursor: pointer;
+  transition: transform 0.3s;
 
   margin-top: 40px;
 
   &:hover {
     background-color: $c-orenge-hover;
+    transform: scale(1.1);
   }
 
   &:active {

diff --git a/src/styles/footer.scss b/src/styles/footer.scss
@@ -53,24 +53,48 @@
     background-image: url(../images/facebook.png);
     width: 20px;
     height: 20px;
+    cursor: pointer;
+    transition: transform 0.3s;
+
+    &:hover {
+      transform: scale(1.2);
+    }
   }
 
   &__twiter {
     background-image: url(../images/twitter.png);
     width: 20px;
     height: 20px;
+    cursor: pointer;
+    transition: transform 0.3s;
+
+    &:hover {
+      transform: scale(1.2);
+    }
   }
 
   &__telegram {
     background-image: url(../images/telegram.png);
     width: 20px;
     height: 20px;
+    cursor: pointer;
+    transition: transform 0.3s;
+
+    &:hover {
+      transform: scale(1.2);
+    }
   }
 
   &__instagram {
     background-image: url(../images/instagram.png);
     width: 20px;
     height: 20px;
+    cursor: pointer;
+    transition: transform 0.3s;
+
+    &:hover {
+      transform: scale(1.2);
+    }
   }
 
   &__two {

diff --git a/src/styles/menu.scss b/src/styles/menu.scss
@@ -28,6 +28,11 @@
     background-size: cover;
     width: 22px;
     height: 22px;
+    transition: transform 0.3s;
+
+    &:hover {
+      transform: scale(1.2);
+    }
   }
 
   .icons--language {