From 861f880318f5783bd67c1f4804750c316cabe1ae Mon Sep 17 00:00:00 2001
From: Brett Mason <brettsmason@gmail.com>
Date: Fri, 16 Jun 2017 21:24:32 +0100
Subject: [PATCH] Attempt at fixing the issue of using grid-margin-x on grid-y
 breaking the width, and grid-margin-y on grid-x breaking the height. Seems to
 work correctly so far from testing.

---
 scss/xy-grid/_classes.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/scss/xy-grid/_classes.scss b/scss/xy-grid/_classes.scss
index f039f992a..0d038110b 100644
--- a/scss/xy-grid/_classes.scss
+++ b/scss/xy-grid/_classes.scss
@@ -66,6 +66,16 @@
       }
     }
   }
+
+  // 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;
+  }
 }
 
 @mixin -xy-breakpoint-cell-classes($class-breakpoint, $gutter-breakpoint, $vertical) {
-- 
2.47.2