Add nav link transition (#29988)

a85d80c9 · Martijn Cuppens · GitHub · 4bcac68e · a85d80c9 · a85d80c9
Unverified Commit a85d80c9 authored 4 years ago by Martijn Cuppens Committed by GitHub 4 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 2 additions and 0 deletions
+2 -0
--- a/scss/_nav.scss
+++ b/scss/_nav.scss
@@ -15,6 +15,7 @@
  display: block;
  padding: $nav-link-padding-y $nav-link-padding-x;
  text-decoration: if($link-decoration == none, null, none);
+  @include transition($nav-link-transition);
  &:hover,
  &:focus {

--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -803,6 +803,7 @@ $zindex-tooltip:                    1070 !default;
 $nav-link-padding-y:                .5rem !default;
 $nav-link-padding-x:                1rem !default;
+$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;
 $nav-link-disabled-color:           $gray-600 !default;
 $nav-tabs-border-color:             $gray-300 !default;