Attempt at fixing the issue of using grid-margin-x on grid-y breaking the width,...

Seems to work correctly so far from testing.

diff --git a/scss/xy-grid/_classes.scss b/scss/xy-grid/_classes.scss
index f039f992aa14b2a3ca857a8bcd975b1c0931cd68..0d038110b665e007eaf4e35437c3e620238d9e49 100644 (file)
--- 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) {