From: Nicolas Coden <nicolas@ncoden.fr>
Date: Sun, 25 Dec 2016 22:30:43 +0000 (+0100)
Subject: Fix nested collapsed flex-grid row
X-Git-Tag: v6.3.1-rc1~20^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F9568%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fix nested collapsed flex-grid row

Bug: columns in collapsed row doesn't have padding, but nested
collapsed flex-grid row still have negative margins.

Fix: apply the same path than in classic grids.

Note: Grids and flex-grids have a lot of bugs like this one and should
be refactorized. Please beat me if you see this commit 6 months later
and nothing changed.
---

diff --git a/scss/grid/_flex-grid.scss b/scss/grid/_flex-grid.scss
index f0471d064..c68d34176 100644
--- a/scss/grid/_flex-grid.scss
+++ b/scss/grid/_flex-grid.scss
@@ -134,6 +134,11 @@
     // Nesting behavior
     & .row {
       @include flex-grid-row(nest, $base: false);
+
+      &.collapse {
+        margin-right: 0;
+        margin-left: 0;
+      }
     }
 
     // Expanded row