Skip to content
Permalink
Browse files

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

  • Loading branch information
MartijnCuppens authored and XhmikosR committed Jan 7, 2020
1 parent 5d1da63 commit 6904afe36b80d721b581a6a13c19f0688ac46338
Showing with 5 additions and 20 deletions.
  1. +5 −20 scss/_navbar.scss
@@ -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

0 comments on commit 6904afe

Please sign in to comment.
You can’t perform that action at this time.