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

diff --git a/scss/xy-grid/_classes.scss b/scss/xy-grid/_classes.scss
index 0575abbecb92cb07bb28c6bdfe2fef6d9d1c6478..d9599459bec96a8787ed6c7293fbf14a380f5ec0 100644 (file)
--- 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