From 1de415d9ae4cdcee961882ad218fdc988c1ca382 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 5 Aug 2020 08:59:14 -0700 Subject: [PATCH] Restore make-container-max-widths mixin --- scss/mixins/_grid.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss index 0ef9d1f82b21..35f43fd20831 100644 --- a/scss/mixins/_grid.scss +++ b/scss/mixins/_grid.scss @@ -13,6 +13,15 @@ margin-left: calc(var(--bs-gutter-x) / -2); // stylelint-disable-line function-blacklist } +// 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) { // Add box sizing if only the grid is loaded box-sizing: if(variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);