From: phildiaz <me@thephildiaz.com>
Date: Fri, 1 Mar 2013 21:31:15 +0000 (-0500)
Subject: Update _block-grid.scss
X-Git-Tag: v4.0.3~7^2~1^2^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F1644%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Update _block-grid.scss

Adds a variable $block-grid-media-queries to control whether class styles are processed. For those who are only using mixins to define grid behavior, this may be set to false to lighten the output file.
---

diff --git a/scss/foundation/components/_block-grid.scss b/scss/foundation/components/_block-grid.scss
index 8835e9ad6..0610e4983 100644
--- a/scss/foundation/components/_block-grid.scss
+++ b/scss/foundation/components/_block-grid.scss
@@ -6,6 +6,8 @@
 $block-grid-elements: 12 !default;
 $block-grid-default-spacing: 10px !default;
 
+// Enables media queries for block-grid classes. Set to false if writing semantic HTML.
+$block-grid-media-queries: true !default;
 
 //
 // Block Grid Mixins
@@ -39,25 +41,26 @@ $block-grid-default-spacing: 10px !default;
 
 }
 
+@if $block-grid-media-queries {
+  /* Foundation Block Grids for below small breakpoint */
+  @media only screen {
+    [class*="block-grid-"] { @include block-grid; }
 
-/* Foundation Block Grids for below small breakpoint */
-@media only screen {
-  [class*="block-grid-"] { @include block-grid; }
-
-  @for $i from 2 through $block-grid-elements {
-    .small-block-grid-#{($i)} {
-      @include block-grid($i,$block-grid-default-spacing,false);
+    @for $i from 2 through $block-grid-elements {
+      .small-block-grid-#{($i)} {
+        @include block-grid($i,$block-grid-default-spacing,false);
+      }
     }
   }
-}
 
-/* Foundation Block Grids for above small breakpoint */
-@media #{$small} {
-  @for $i from 2 through $block-grid-elements {
-    .large-block-grid-#{($i)} {
-      @if      $i == 2 { @include block-grid(2,15px,false); }
-      @else if $i == 3 { @include block-grid(3,12px,false); }
-      @else { @include block-grid($i,$block-grid-default-spacing,false); }
+  /* Foundation Block Grids for above small breakpoint */
+  @media #{$small} {
+    @for $i from 2 through $block-grid-elements {
+      .large-block-grid-#{($i)} {
+        @if      $i == 2 { @include block-grid(2,15px,false); }
+        @else if $i == 3 { @include block-grid(3,12px,false); }
+        @else { @include block-grid($i,$block-grid-default-spacing,false); }
+      }
     }
   }
 }