From: Geoff Kimball <geoff@zurb.com>
Date: Fri, 18 Dec 2015 18:29:33 +0000 (-0800)
Subject: Add $gutter parameter to grid-row() and flex-grid-row() mixins, closes #7115
X-Git-Tag: v6.1.0~25
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2eeab246a28eb48d7d36cb783c78f369b83059ac;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Add $gutter parameter to grid-row() and flex-grid-row() mixins, closes #7115
---

diff --git a/scss/grid/_flex-grid.scss b/scss/grid/_flex-grid.scss
index f83fd4f38..ebe241309 100644
--- a/scss/grid/_flex-grid.scss
+++ b/scss/grid/_flex-grid.scss
@@ -13,17 +13,19 @@
 /// @param {Number} $width [$grid-row-width] - Maximum width of the row.
 /// @param {Number} $columns [null] - Number of columns to use for this row. If set to `null` (the default), the global column count will be used.
 /// @param {Boolean} $base [true] - Set to `false` to prevent basic styles from being output. Useful if you're calling this mixin on the same element twice, as it prevents duplicate CSS output.
+/// @param {Number} $gutter [$grid-column-gutter] - Gutter to use when inverting margins, in case the row is nested.
 @mixin flex-grid-row(
   $behavior: null,
   $width: $grid-row-width,
   $columns: null,
-  $base: true
+  $base: true,
+  $gutter: $grid-column-gutter
 ) {
   $behavior: -zf-get-options($behavior, nest collapse);
   $margin: auto;
 
   @if map-get($behavior, nest) {
-    $margin: rem-calc($grid-column-gutter) / 2 * -1;
+    $margin: rem-calc($gutter) / 2 * -1;
   }
   @else {
     max-width: $width;
diff --git a/scss/grid/_row.scss b/scss/grid/_row.scss
index 3f0aa3bf2..cf007e30b 100644
--- a/scss/grid/_row.scss
+++ b/scss/grid/_row.scss
@@ -40,17 +40,19 @@
 ///   Modifications to the default grid styles. `nest` indicates the row will be placed inside another row. `collapse` indicates that the columns inside this row will not have padding. `nest collapse` combines both behaviors.
 /// @param {Number} $width [$grid-row-width] - Maximum width of the row.
 /// @param {Boolean} $cf [true] - Whether or not to include a clearfix.
+/// @param {Number} $gutter [$grid-column-gutter] - Gutter to use when inverting margins, in case the row is nested.
 @mixin grid-row(
   $columns: null,
   $behavior: null,
   $width: $grid-row-width,
-  $cf: true
+  $cf: true,
+  $gutter: $grid-column-gutter
 ) {
   $behavior: -zf-get-options($behavior, nest collapse);
   $margin: auto;
 
   @if map-get($behavior, nest) {
-    $margin: rem-calc($grid-column-gutter) / 2 * -1;
+    $margin: rem-calc($gutter) / 2 * -1;
 
     @if map-get($behavior, collapse) {
       $margin: 0;