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

Iterate over breakpoints to generate .navbar-toggleable classes

Browse Source 
- Moves .navbar-brand margin and float to media queries
- Replaces the static media queries with an each loop to generate all the needed classes
This commit is contained in:
Mark Otto
2016-10-16 21:51:26 -07:00
parent 19d6092364
commit 6e8ce0c7dc
1 changed files with 12 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
scss/_navbar.scss
View File

@@ -68,10 +68,9 @@
// //
.navbar-brand { .navbar-brand {
float: left; display: block;
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 {
@@ -132,24 +131,18 @@
} }
// scss-lint:disable ImportantRule // scss-lint:disable ImportantRule
// Custom override for
.navbar-toggleable { .navbar-toggleable {
&-xs { @each $breakpoint in map-keys($grid-breakpoints) {
@include clearfix; &-#{$breakpoint} {
@include media-breakpoint-up(sm) { @include clearfix;
display: block !important; @include media-breakpoint-up($breakpoint) {
} display: block !important;
}
&-sm { .navbar-brand {
@include clearfix; float: left;
@include media-breakpoint-up(md) { margin-right: 1rem;
display: block !important; }
} }
}
&-md {
@include clearfix;
@include media-breakpoint-up(lg) {
display: block !important;
} }
} }
} }