From 7c7ce3bdab49f847bab983262161aaf314376dca Mon Sep 17 00:00:00 2001
From: Maciej Matuszewski <maciek.matuszewski@gmail.com>
Date: Sat, 13 Jan 2018 23:53:09 +0100
Subject: [PATCH] Allow hover only on larger devices

---
 src/styles/components/_nav.scss | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/styles/components/_nav.scss b/src/styles/components/_nav.scss
index 3a6ba42..e4a17ee 100644
--- a/src/styles/components/_nav.scss
+++ b/src/styles/components/_nav.scss
@@ -79,14 +79,12 @@
     color: $color-blue;
   }
 
-  &__link:hover::before,
   &__link.active::before {
     $transform-val: calc(-50% - #{$anim-size});
 
     transform: translate($transform-val, $transform-val);
   }
 
-  &__link:hover::after,
   &__link.active::after {
     $transform-val: calc(-50% + #{$anim-size});
 
@@ -136,5 +134,17 @@
       position: static;
       flex-direction: row;
     }
+
+    &__link:hover::before {
+      $transform-val: calc(-50% - #{$anim-size});
+
+      transform: translate($transform-val, $transform-val);
+    }
+
+    &__link:hover::after {
+      $transform-val: calc(-50% + #{$anim-size});
+
+      transform: translate($transform-val, $transform-val);
+    }
   }
 }