From: Kevin Altman <kevin@itsthatguy.com>
Date: Mon, 4 Mar 2013 14:58:15 +0000 (-0500)
Subject: BUG: Block Grid for small media query
X-Git-Tag: v4.0.4~14^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F1693%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

BUG: Block Grid for small media query

If you want a block grid to break down into one column, on mobile, then we need a media query for targeting `.small-block-grid-1`
---

diff --git a/scss/foundation/components/_block-grid.scss b/scss/foundation/components/_block-grid.scss
index 0610e4983..7c16c5bc4 100644
--- a/scss/foundation/components/_block-grid.scss
+++ b/scss/foundation/components/_block-grid.scss
@@ -46,7 +46,7 @@ $block-grid-media-queries: true !default;
   @media only screen {
     [class*="block-grid-"] { @include block-grid; }
 
-    @for $i from 2 through $block-grid-elements {
+    @for $i from 1 through $block-grid-elements {
       .small-block-grid-#{($i)} {
         @include block-grid($i,$block-grid-default-spacing,false);
       }
@@ -55,7 +55,7 @@ $block-grid-media-queries: true !default;
 
   /* Foundation Block Grids for above small breakpoint */
   @media #{$small} {
-    @for $i from 2 through $block-grid-elements {
+    @for $i from 1 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); }