fix transition time

mate-academy · Sep 28, 2023 · ca4785f · ca4785f
1 parent 813c5f9
commit ca4785f
Show file tree

Hide file tree

Showing 8 changed files with 14 additions and 2 deletions.
diff --git a/src/styles/cta.scss b/src/styles/cta.scss
@@ -54,6 +54,7 @@
     &:hover {
       background-color: $c-hover-blue;
       cursor: pointer;
+      transition: 0.3s;
     }
   }
 }
diff --git a/src/styles/footer.scss b/src/styles/footer.scss
@@ -65,6 +65,7 @@
 
     &:hover {
       transform: scale(150%);
+      transition: 0.3s;
     }
   }
 
@@ -76,6 +77,7 @@
     &:hover {
       transform: scale(150%);
       background-image: url(../images/socials/twitter-hover.svg);
+      transition: 0.3s;
     }
   }
 
@@ -86,6 +88,7 @@
 
     &:hover {
       transform: scale(150%);
+      transition: 0.3s;
     }
   }
 
@@ -135,6 +138,7 @@
 
     &:hover::after {
       @include forHoveredFocusedLinks;
+      transition: 0.3s;
     }
 
     &:focus::after {

diff --git a/src/styles/form.scss b/src/styles/form.scss
@@ -45,6 +45,7 @@
   &__field:hover {
     border-color: $c-hover-blue;
     opacity: 1;
+    transition: 0.3s;
   }
 
   &__btn {
@@ -64,6 +65,7 @@
 
     &:hover {
       background-color: $c-hover-blue;
+      transition: 0.3s;
     }
   }
 }
diff --git a/src/styles/header.scss b/src/styles/header.scss
@@ -64,6 +64,7 @@
     &:hover {
       background-color: $c-hover-blue;
       cursor: pointer;
+      transition: 0.3s;
     }
   }
 }
diff --git a/src/styles/nav.scss b/src/styles/nav.scss
@@ -10,7 +10,6 @@
   // }
   @include onMediumDisplay {
     padding-left: 227px;
-
   }
 
   &__icons {
@@ -64,6 +63,7 @@
 
     &:hover::after {
       @include forHoveredFocusedLinks;
+      transition: 0.3s;
     }
 
     &:focus::after {

diff --git a/src/styles/services.scss b/src/styles/services.scss
@@ -104,6 +104,7 @@
         border-radius: 50px;
         background-color: aliceblue;
         cursor: pointer;
+        transition: 0.3s;
       }
     }
   }
@@ -133,6 +134,7 @@
     &:hover {
       background-color: $c-hover-blue;
       cursor: pointer;
+      transition: 0.3s;
      }
   }
 
@@ -146,6 +148,7 @@
     &:hover {
       color: $c-default-blue;
       cursor: pointer;
+      transition: 0.3s;
      }
   }
 }
diff --git a/src/styles/testimonials.scss b/src/styles/testimonials.scss
@@ -63,6 +63,7 @@
     &:hover {
       transform: scale(110%);
       cursor: pointer;
+      transition: 0.3s;
     }
 
     @include onTablet {
@@ -132,7 +133,6 @@
     }
   }
 
-
   &__pfoto--secount {
     background-image: url(../images/testimonials/testimonial-ava-2.jpg);
     background-repeat: no-repeat;

diff --git a/src/styles/what_we_do.scss b/src/styles/what_we_do.scss
@@ -48,6 +48,7 @@
       box-shadow: 0 18px 9px 0 rgba(37, 41, 49, 0.03);
       transform: scale(110%);
       cursor: pointer;
+      transition: 0.3s;
     }
 
     @include onTablet {