From 30f4032b6ee4911c8ea9be5025352b9a5cd61153 Mon Sep 17 00:00:00 2001 From: Kevin Altman Date: Mon, 4 Mar 2013 09:58:15 -0500 Subject: [PATCH] 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` --- scss/foundation/components/_block-grid.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) 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); } -- 2.47.3