From e1fefe60656d6e99415328b9e0b40b336ce9909e Mon Sep 17 00:00:00 2001
From: Chris Garcia <o3fingers@gmail.com>
Date: Fri, 21 Oct 2016 23:25:05 -0500
Subject: [PATCH] Container padding uses per-breakpoint gutter sizes, fixes
 #19304.

---
 scss/mixins/_grid.scss | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss
index 88cbd249a080..402a99e928c0 100644
--- a/scss/mixins/_grid.scss
+++ b/scss/mixins/_grid.scss
@@ -2,14 +2,20 @@
 //
 // Generate semantic grid columns with these mixins.
 
-@mixin make-container($gutter: $grid-gutter-width-base) {
+@mixin make-container($gutters: $grid-gutter-widths) {
   margin-left: auto;
   margin-right: auto;
-  padding-left:  ($gutter / 2);
-  padding-right: ($gutter / 2);
   @if not $enable-flex {
     @include clearfix();
   }
+
+  @each $breakpoint in map-keys($gutters) {
+    @include media-breakpoint-up($breakpoint) {
+      $gutter: map-get($gutters, $breakpoint);
+      padding-right: ($gutter / 2);
+      padding-left:  ($gutter / 2);
+    }
+  }
 }