kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code 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

31
scss/_navbar.scss
View file

@ -68,10 +68,9 @@
//
.navbar-brand {
float: left;
display: block;
padding-top: $navbar-brand-padding-y;
padding-bottom: $navbar-brand-padding-y;
margin-right: 1rem;
font-size: $font-size-lg;
@include hover-focus {
@ -132,24 +131,18 @@
}
// scss-lint:disable ImportantRule
// Custom override for
.navbar-toggleable {
&-xs {
@include clearfix;
@include media-breakpoint-up(sm) {
display: block !important;
}
}
&-sm {
@include clearfix;
@include media-breakpoint-up(md) {
display: block !important;
}
}
&-md {
@include clearfix;
@include media-breakpoint-up(lg) {
display: block !important;
@each $breakpoint in map-keys($grid-breakpoints) {
&-#{$breakpoint} {
@include clearfix;
@include media-breakpoint-up($breakpoint) {
display: block !important;
.navbar-brand {
float: left;
margin-right: 1rem;
}
}
}
}
}