rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00
Code Issues Actions Packages Releases 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
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) {
&-#{$breakpoint} {
@include clearfix; @include clearfix;
@include media-breakpoint-up(sm) { @include media-breakpoint-up($breakpoint) {
display: block !important; display: block !important;
.navbar-brand {
float: left;
margin-right: 1rem;
} }
} }
&-sm {
@include clearfix;
@include media-breakpoint-up(md) {
display: block !important;
}
}
&-md {
@include clearfix;
@include media-breakpoint-up(lg) {
display: block !important;
} }
} }
} }