1024.sass in slow-steps-0.4.2

- old
+ new

@@ -75,27 +75,35 @@
     opacity: 1
     margin: 0
     overflow: hidden
     position: relative
 
+
   .sub-link,
   .subsub-link
     color: $env-primary
+    border-bottom: solid 1px $pure-white
+    span
+      padding: 1rem 0
 
   .nav-cta
     @include default-trans
     color: $pure-white
     background-color: $env-primary
     padding: 2rem 2rem!important
     margin-right: 8rem!important
     border-radius: 6px
 
+    span
+      padding: 0
+
     &:before, &:after
       display: none!important
 
     &:hover
       background-color: darken($env-primary,10)
+      border-bottom: none
 
   // Surround current link with ticks
   .current--url
     &:before, &:after
       content: ""
@@ -109,10 +117,15 @@
       right: 3px
 
     &:after
       left: 3px
 
+  .current--env
+    span
+      border-bottom: solid 1px $pure-white
+
+
   .nav-group-content
     @include default-trans
     @include navbar-color
     align-items: center
     justify-content: flex-end
@@ -167,10 +180,11 @@
       font-weight: $heavy-font
       text-transform: uppercase
       padding: 1rem 3rem
       &:not(.current--url)
         &:hover
-          text-decoration: underline
+          span
+            border-bottom: solid 1px $env-primary
 
   .nav-group-container:hover > .nav-subsub-content
     visibility: visible
     opacity: 1
     transform: translateY(0px)