From 1dc42a3373c9fcaee9d69db88e8511268d6e12b1 Mon Sep 17 00:00:00 2001
From: Florian Lacreuse <florianlacreuse@users.noreply.github.com>
Date: Fri, 14 Dec 2018 17:30:12 +0100
Subject: [PATCH] Add missing parameter to grid mixins. (#27841)

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

diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss
index 254f0734c9..b365a3ba17 100644
--- a/scss/mixins/_grid.scss
+++ b/scss/mixins/_grid.scss
@@ -2,10 +2,10 @@
 //
 // Generate semantic grid columns with these mixins.
 
-@mixin make-container() {
+@mixin make-container($gutter: $grid-gutter-width) {
   width: 100%;
-  padding-right: ($grid-gutter-width / 2);
-  padding-left: ($grid-gutter-width / 2);
+  padding-right: ($gutter / 2);
+  padding-left: ($gutter / 2);
   margin-right: auto;
   margin-left: auto;
 }
@@ -20,21 +20,21 @@
   }
 }
 
-@mixin make-row() {
+@mixin make-row($gutter: $grid-gutter-width) {
   display: flex;
   flex-wrap: wrap;
-  margin-right: ($grid-gutter-width / -2);
-  margin-left: ($grid-gutter-width / -2);
+  margin-right: ($gutter / -2);
+  margin-left: ($gutter / -2);
 }
 
-@mixin make-col-ready() {
+@mixin make-col-ready($gutter: $grid-gutter-width) {
   position: relative;
   // Prevent columns from becoming too narrow when at smaller grid tiers by
   // always setting `width: 100%;`. This works because we use `flex` values
   // later on to override this initial width.
   width: 100%;
-  padding-right: ($grid-gutter-width / 2);
-  padding-left: ($grid-gutter-width / 2);
+  padding-right: ($gutter / 2);
+  padding-left: ($gutter / 2);
 }
 
 @mixin make-col($size, $columns: $grid-columns) {