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

Inherit flex-wrap to decrease generated css (#29951)

Browse source
This commit is contained in:
Martijn Cuppens 2020-01-07 21:32:46 +01:00 committed by XhmikosR
parent 5d1da6377d
commit 6904afe36b
1 changed files with 5 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
scss/_navbar.scss
View file

@ -27,15 +27,16 @@
// Because flex properties aren't inherited, we need to redeclare these first
// few properties so that content nested within behave properly.
// The `flex-wrap` property is inherited to simplify the expanded navbars
%container-flex-properties {
display: flex;
flex-wrap: wrap;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.container,
.container-fluid {
> .container,
> .container-fluid {
@extend %container-flex-properties;
}
@ -148,7 +149,7 @@
&#{$infix} {
@include media-breakpoint-up($next) {
flex-flow: row nowrap;
flex-wrap: nowrap;
justify-content: flex-start;
.navbar-nav {
@ -164,22 +165,6 @@
}
}
// For nesting containers, have to redeclare for alignment purposes
%container-nesting-#{$breakpoint} {
flex-wrap: nowrap;
}
> .container,
> .container-fluid {
@extend %container-nesting-#{$breakpoint};
}
@each $size, $container-max-width in $container-max-widths {
> .container#{breakpoint-infix($size, $container-max-widths)} {
@extend %container-nesting-#{$breakpoint};
}
}
.navbar-collapse {
display: flex !important; // stylelint-disable-line declaration-no-important