[#123] feat: link transition

super-waffle · Feb 17, 2022 · 8e91dcd · 8e91dcd
1 parent 5e5adc9
commit 8e91dcd
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 4 deletions.
diff --git a/src/statics/css/navbar.css b/src/statics/css/navbar.css
diff --git a/src/statics/css/navbar.css.map b/src/statics/css/navbar.css.map
diff --git a/src/statics/css/navbarHome.css b/src/statics/css/navbarHome.css
diff --git a/src/statics/css/navbarHome.css.map b/src/statics/css/navbarHome.css.map
diff --git a/src/statics/scss/navbar.scss b/src/statics/scss/navbar.scss
@@ -18,11 +18,16 @@
   .navbar-menus {
     display: flex;
     margin-left: 15%;
-    .menu {
+    // transition: all 0.5s ease 0s;
+    a {
       cursor: pointer;
       text-decoration: none;
       color: #e4e4e4;
       margin-right: 46px;
+      transition: all 0.5s ease 0s;
+    }
+    a:hover {
+      color: var(--textColor-darker);
     }
   }
   .navbar-profile {

diff --git a/src/statics/scss/navbarHome.scss b/src/statics/scss/navbarHome.scss
@@ -26,8 +26,10 @@
       text-decoration: none;
       color: var(--textColor-darkest);
       align-items: center;
+      transition: all 0.5s ease 0s;
 
       svg {
+        // transition: all 0.5s ease 0s;
         path {
           stroke: var(--textColor-darkest);
         }
@@ -48,5 +50,13 @@
         padding-right: 3px;
       }
     }
+    .sub-navbar-menu:hover {
+      color: $mainColor;
+      & svg {
+        path {
+          stroke: $mainColor;
+        }
+      }
+    }
   }
 }