added animation to nav elements in nav.less using a mixin from mixin.…

…less
TaylorBelk1 · Oct 12, 2018 · ae77ff2 · ae77ff2
1 parent b185022
commit ae77ff2
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 17 deletions.
diff --git a/css/index.css b/css/index.css
@@ -210,6 +210,9 @@ nav {
     padding-bottom: 1rem;
   }
 }
+.links a:hover {
+  font-size: 2rem;
+}
 .footer {
   width: 100%;
   border-top: 2px dashed silver;

diff --git a/less/mixins.less b/less/mixins.less
@@ -26,3 +26,6 @@
     .font-size();
 }
 
+.animation() {
+    font-size: 2rem;
+}
diff --git a/less/navigation.less b/less/navigation.less
@@ -32,22 +32,9 @@ nav {
             padding-bottom: 1rem;
         }
     }
-}
 
-// nav {
-// @media @mobile {
+    a:hover {
+        .animation();
+    }
+}
 
-
-//       width: 500px;
-//       flex-direction: column;
-//       padding-top: 1.5rem;
-
-//       .links {
-//         width: 100%;
-//         justify-content: space-around;
-//       }
-
-//       .links a {
-//         padding-bottom: 1rem;
-//       }
-//     }