diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss index 29ba741a90e0..b72d150e4d8c 100644 --- a/scss/mixins/_grid.scss +++ b/scss/mixins/_grid.scss @@ -17,6 +17,16 @@ 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; + } + } + @include deprecate("The `make-container-max-widths` mixin", "v4.5.2", "v5"); +} + @mixin make-col-ready($gutter: $grid-gutter-width) { position: relative; // Prevent columns from becoming too narrow when at smaller grid tiers by