mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-19 11:51:23 +02:00
Code Issues Releases Wiki Activity

.navbar-toggler color

Browse Source 
Change the .navbar-toggler to default contextual .navbar-*-color.

<iframe height='265' scrolling='no' title='Bootstrap - .navbar-toggler color' src='//codepen.io/zalog/embed/MJLZOE/?height=265&theme-id=light&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='http://codepen.io/zalog/pen/MJLZOE/'>Bootstrap - .navbar-toggler color</a> by Catalin Zalog (<a href='http://codepen.io/zalog'>@zalog</a>) on <a href='http://codepen.io'>CodePen</a>.
</iframe>
This commit is contained in:
Catalin Zalog
2017-02-14 18:38:08 +02:00
committed by Mark Otto
parent d2b919143c
commit e20d744bdf
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
scss/_navbar.scss
View File

@@ -193,8 +193,7 @@
// Dark links against a light background // Dark links against a light background
.navbar-light { .navbar-light {
.navbar-brand, .navbar-brand {
.navbar-toggler {
color: $navbar-light-active-color; color: $navbar-light-active-color;
@include hover-focus { @include hover-focus {
@@ -224,6 +223,7 @@
} }
.navbar-toggler { .navbar-toggler {
color: $navbar-light-color;
border-color: $navbar-light-toggler-border; border-color: $navbar-light-toggler-border;
} }
@@ -238,8 +238,7 @@
// White links against a dark background // White links against a dark background
.navbar-inverse { .navbar-inverse {
.navbar-brand, .navbar-brand {
.navbar-toggler {
color: $navbar-inverse-active-color; color: $navbar-inverse-active-color;
@include hover-focus { @include hover-focus {
@@ -269,6 +268,7 @@
} }
.navbar-toggler { .navbar-toggler {
color: $navbar-inverse-color;
border-color: $navbar-inverse-toggler-border; border-color: $navbar-inverse-toggler-border;
} }