Restore make-container-max-widths mixin

twbs · Aug 6, 2020 · c4619c9 · c4619c9
1 parent 89dc975
commit c4619c9
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss
@@ -18,6 +18,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