Adjust vertical padding and border width for navbar-nav links (#42158)

* Adjust vertical padding and border width for nav links

Adjust vertical padding and border width for nav links

* Update scss/_navbar.scss

Co-authored-by: Mark Otto <markdotto@gmail.com>
* Comment out nav-link-border-color variable

Added support for an optional border-color

* Typo

Used , instead of ;

* Linter

* Reorder for consistency of states

---------

Co-authored-by: Mark Otto <markdotto@gmail.com>

diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index 697d96df5a5acc70cbd8085edc7acd691ce3948a..98ed65fe71703ce14438d984b01665ed5206a42b 100644 (file)
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -124,8 +124,10 @@ $navbar-dark-tokens: defaults(
     --nav-gap: .25rem;
     --nav-link-gap: .5rem;
     --nav-link-padding-x: .5rem;
-    --nav-link-padding-y: .5rem;
+    --nav-link-padding-y: .375rem;
     --nav-link-color: var(--navbar-color);
+    --nav-link-border-width: var(--border-width);
+    //--nav-link-border-color: var(--border-color);
     --nav-link-hover-color: var(--navbar-hover-color);
     --nav-link-hover-bg: transparent;
     --nav-link-active-color: var(--navbar-active-color);
@@ -144,6 +146,7 @@ $navbar-dark-tokens: defaults(
       &.active,
       &.show {
         color: var(--navbar-active-color);
+        border: var(--nav-link-border-width) solid var(--nav-link-border-color, transparent);
       }
     }
   }