From: Brett Mason <brettsmason@gmail.com>
Date: Wed, 14 Jun 2017 19:12:26 +0000 (+0100)
Subject: Add properties that reset the width/height to auto when using `.grid-margin-y` on... 
X-Git-Url: http://git.ipfire.org/gitweb/?a=commitdiff_plain;h=refs%2Fheads%2Ffeature%2Fxy-grid-width-height-fix;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Add properties that reset the width/height to auto when using `.grid-margin-y` on a `.grid-x` for example
---

diff --git a/scss/xy-grid/_classes.scss b/scss/xy-grid/_classes.scss
index 0575abbec..d9599459b 100644
--- a/scss/xy-grid/_classes.scss
+++ b/scss/xy-grid/_classes.scss
@@ -129,6 +129,16 @@
       @include -xy-breakpoint-cell-classes($-zf-size, $-zf-size, $vertical);
     }
   }
+
+  // Reset width when using `.grid-margin-x` not on `.grid-x`
+  .grid-margin-x:not(.grid-x) > .cell {
+    width: auto;
+  }
+
+  // Reset height when using `.grid-margin-y` not on `.grid-y`
+  .grid-margin-y:not(.grid-y) > .cell {
+    height: auto;
+  }
 }
 
 // Padding Grid classes