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 0610e4983a5674a047bafac2dcba9ac223d02467..7c16c5bc4a3408c8e9abef2f833504b2ae0c16f8 100644 (file)
--- 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); }