feat(css): Added navigation bar animation

Signed-off-by: Valentin Popov <info@valentineus.link>

_scss/components/_navigation.scss

@@ -23,6 +23,7 @@
   text-align: center;
   text-decoration: none;
 
+  &:active,
   &:focus,
   &:hover {
     border: 0;
@@ -34,6 +35,25 @@
   float: right;
 }
 
+@media(min-width: 382px) {
+  .nav-pills {
+    li {
+      display: inline-block;
+      transform: perspective(1px) translateZ(0);
+      transition-duration: .3s;
+      transition-property: transform;
+      transition-timing-function: ease-out;
+      vertical-align: middle;
+
+      &:active,
+      &:focus,
+      &:hover {
+        transform: translateY(8px);
+      }
+    }
+  }
+}
+
 @media (max-width: 382px) {
   .nav-right,
   .nav-pills li {