From: Mark Otto Date: Wed, 5 Aug 2020 15:59:14 +0000 (-0700) Subject: Restore make-container-max-widths mixin X-Git-Tag: v4.5.2~3 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=af4419b723a20390ba2c860ada8c5cd4c5e6130e;p=thirdparty%2Fbootstrap.git Restore make-container-max-widths mixin --- diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss index 29ba741a90..59e06359f2 100644 --- a/scss/mixins/_grid.scss +++ b/scss/mixins/_grid.scss @@ -17,6 +17,15 @@ margin-left: -$gutter / 2; } +// For each breakpoint, define the maximum width of the container in a media query +@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) { + @each $breakpoint, $container-max-width in $max-widths { + @include media-breakpoint-up($breakpoint, $breakpoints) { + max-width: $container-max-width; + } + } +} + @mixin make-col-ready($gutter: $grid-gutter-width) { position: relative; // Prevent columns from becoming too narrow when at smaller grid tiers by