Tweak sizing and spacing, add underline on hover

twbs · Mar 11, 2021 · 9cbcbd1 · 9cbcbd1
1 parent 18742df
commit 9cbcbd1
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/scss/_nav.scss b/scss/_nav.scss
@@ -100,15 +100,27 @@
 //
 
 .nav-underline {
+  .nav-item + .nav-item,
+  .nav-link + .nav-link {
+    margin-left: $nav-link-padding-x;
+  }
+
   .nav-link {
+    padding-right: 0;
+    padding-left: 0;
     border-bottom: .125rem solid transparent;
+
+    &:hover,
+    &:focus {
+      border-bottom-color: currentColor;
+    }
   }
 
   .nav-link.active,
   .show > .nav-link {
     font-weight: $font-weight-bold;
     color: $dark;
-    border-bottom-color: $dark;
+    border-bottom-color: currentColor;
   }
 }