.navbar-toggler color

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

View File

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