diff options
Diffstat (limited to 'assets/stylesheets/bootstrap/_navbar.scss')
-rw-r--r-- | assets/stylesheets/bootstrap/_navbar.scss | 32 |
1 files changed, 27 insertions, 5 deletions
diff --git a/assets/stylesheets/bootstrap/_navbar.scss b/assets/stylesheets/bootstrap/_navbar.scss index ed49b76..6b023e8 100644 --- a/assets/stylesheets/bootstrap/_navbar.scss +++ b/assets/stylesheets/bootstrap/_navbar.scss @@ -98,6 +98,7 @@ // on the `.navbar` parent. .navbar-collapse { flex-basis: 100%; + flex-grow: 1; // For always expanded or extra full navbars, ensure content aligns itself // properly vertically. Can be easily overridden with flex utilities. align-items: center; @@ -146,8 +147,7 @@ } @include media-breakpoint-up($next) { - flex-direction: row; - flex-wrap: nowrap; + flex-flow: row nowrap; justify-content: flex-start; .navbar-nav { @@ -174,15 +174,23 @@ flex-wrap: nowrap; } - // scss-lint:disable ImportantRule .navbar-collapse { - display: flex !important; + display: flex !important; // stylelint-disable-line declaration-no-important + + // Changes flex-bases to auto because of an IE10 bug + flex-basis: auto; } - // scss-lint:enable ImportantRule .navbar-toggler { display: none; } + + .dropup { + .dropdown-menu { + top: auto; + bottom: 100%; + } + } } } } @@ -235,6 +243,13 @@ .navbar-text { color: $navbar-light-color; + a { + color: $navbar-light-active-color; + + @include hover-focus { + color: $navbar-light-active-color; + } + } } } @@ -280,5 +295,12 @@ .navbar-text { color: $navbar-dark-color; + a { + color: $navbar-dark-active-color; + + @include hover-focus { + color: $navbar-dark-active-color; + } + } } } |