rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +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

29
scss/_navbar.scss
View File

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