From: harry <harmanmanchanda182@gmail.com>
Date: Thu, 29 Jun 2017 19:18:10 +0000 (+0530)
Subject: Make Grid Page Styling also like flexbox utilities!
X-Git-Tag: v6.4.1~6^2~1
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=c49c9fd30c8be431eebf1ec8daae8c703b7b23be;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

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 a49759f5b..93c7864a5 100644
--- 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;