diff options
Diffstat (limited to 'scss/_navbar.scss')
-rw-r--r-- | scss/_navbar.scss | 23 |
1 files changed, 8 insertions, 15 deletions
diff --git a/scss/_navbar.scss b/scss/_navbar.scss index 8fbdab71d6..6db562519c 100644 --- a/scss/_navbar.scss +++ b/scss/_navbar.scss @@ -84,27 +84,20 @@ // Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`). .navbar-nav { + // scss-docs-start navbar-nav-css-vars + --#{$prefix}nav-link-padding-x: 0; + --#{$prefix}nav-link-padding-y: #{$nav-link-padding-y}; + --#{$prefix}nav-link-color: var(--#{$prefix}navbar-color); + --#{$prefix}nav-link-hover-color: var(--#{$prefix}navbar-hover-color); + --#{$prefix}nav-link-disabled-color: var(--#{$prefix}navbar-disabled-color); + // scss-docs-end navbar-nav-css-vars + display: flex; flex-direction: column; // cannot use `inherit` to get the `.navbar`s value padding-left: 0; margin-bottom: 0; list-style: none; - .nav-link { - padding-right: 0; - padding-left: 0; - color: var(--#{$prefix}navbar-color); - - &:hover, - &:focus { - color: var(--#{$prefix}navbar-hover-color); - } - - &.disabled { - color: var(--#{$prefix}navbar-disabled-color); - } - } - .show > .nav-link, .nav-link.active { color: var(--#{$prefix}navbar-active-color); |