Move from max-width to width for containers, plus a max-width 100%

- Fixes issues between float and flex grid systems where container wouldn't fill the available width in Chrome & FF (but would in Safari)
- Fixes #20681
- Fixes #17621 (basically same issue as above issue)
This commit is contained in:
Mark Otto 2016-10-09 13:14:10 -07:00
parent f49a7a2a08
commit a43dc8872f
1 changed files with 2 additions and 1 deletions

View File

@ -17,7 +17,8 @@
@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) { @mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
@each $breakpoint, $container-max-width in $max-widths { @each $breakpoint, $container-max-width in $max-widths {
@include media-breakpoint-up($breakpoint, $breakpoints) { @include media-breakpoint-up($breakpoint, $breakpoints) {
max-width: $container-max-width; width: $container-max-width;
max-width: 100%;
} }
} }
} }