fix: Do not change nav text color on hover when link is active

cozy · Jul 20, 2020 · 80de7d3 · 80de7d3
1 parent 4b19258
commit 80de7d3
Showing 1 changed file with 2 additions and 11 deletions.
diff --git a/stylus/components/nav.styl b/stylus/components/nav.styl
@@ -98,10 +98,9 @@ $nav-link
     &:visited
         color  var(--navTextColor)
 
-    &:hover
+    &:hover:not(.is-active)
         color  var(--navTextHoverColor)
 
-    &.active // deprecated
     &.is-active
         box-shadow   inset rem(4) 0 0 0 var(--primaryColor)
         font-weight  bold
@@ -120,14 +119,6 @@ $nav-link
         background-position  center top
         background-size      rem(24)
 
-        &.active // deprecated
-        &.is-active
-            color        var(--navTextActiveColor)
-
-        &:hover
-            color        var(--navTextHoverColor)
-
-        &.active // deprecated
         &.is-active
         &:hover
             box-shadow   none
@@ -175,7 +166,7 @@ $nav-link-secondary
     text-decoration none
     height auto
 
-    &:hover
+    &:hover:not(.is-active)
         color var(--navTextHoverColor)
 
     &.is-active