Make Grid Page Styling also like flexbox utilities!

diff --git a/docs/assets/scss/examples/_grid.scss b/docs/assets/scss/examples/_grid.scss
index a49759f5ba94406f3614e3230a9d272c922e8e8c..93c7864a51dee1a5fdb73ad316ede4763a46e809 100644 (file)
--- a/docs/assets/scss/examples/_grid.scss
+++ b/docs/assets/scss/examples/_grid.scss
@@ -75,32 +75,8 @@
   }
 }
 
-// XY Grid
-[id^="docs-xy"].docs-component .docs-code-live {
-  @include foundation-xy-grid-classes;
-
-  .grid-x,
-  .grid-y {
-    font-size: 12px;
-    line-height: 2rem;
-    margin-bottom: 1.5rem;
-  }
-
-  .grid-y .grid-x {
-    margin-bottom: 0;
-  }
-
-  .cell {
-    &:nth-child(odd) {
-      background: #eee;
-    }
-    &:nth-child(even) {
-      background: #ddd;
-    }
-  }
-}
-
 // Flexbox Utilities
+[id^="docs-xy"].docs-component .docs-code-live,
 [id^="docs-flexbox-utilities"].docs-component .docs-code-live {
   @include foundation-flex-grid;
   @include foundation-xy-grid-classes;