rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-21 18:54:30 +01:00
Code Issues Actions Packages Releases Activity

add navbar-brand and navbar-nav styles to the toggleable

Browse Source
This commit is contained in:
Mark Otto 2016-10-17 22:08:49 -07:00
parent e24f406ce1
commit 484a8e3901
1 changed files with 23 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
scss/_navbar.scss
View File

@ -68,9 +68,10 @@
// //
.navbar-brand { .navbar-brand {
display: block; float: left;
padding-top: $navbar-brand-padding-y; padding-top: $navbar-brand-padding-y;
padding-bottom: $navbar-brand-padding-y; padding-bottom: $navbar-brand-padding-y;
margin-right: 1rem;
font-size: $font-size-lg; font-size: $font-size-lg;
@include hover-focus { @include hover-focus {
@ -134,15 +135,31 @@
.navbar-toggleable { .navbar-toggleable {
@each $breakpoint in map-keys($grid-breakpoints) { @each $breakpoint in map-keys($grid-breakpoints) {
$next: breakpoint-next($breakpoint, $grid-breakpoints); $next: breakpoint-next($breakpoint, $grid-breakpoints);
&-#{$breakpoint} { &-#{$breakpoint} {
@include clearfix; @include clearfix;
@include media-breakpoint-up($next) {
display: block !important;
@include media-breakpoint-down($breakpoint) {
.navbar-brand { .navbar-brand {
float: left; float: none;
margin-right: 1rem; display: block;
margin-top: .5rem;
margin-right: 0;
} }
.navbar-nav {
margin-top: .5rem;
margin-bottom: .5rem;
.dropdown-menu {
position: static;
float: none;
}
}
}
@include media-breakpoint-up($next) {
display: block;
} }
} }
} }