From 116e8b16d6dc54351590a90bd451754c58615576 Mon Sep 17 00:00:00 2001 From: phildiaz Date: Fri, 1 Mar 2013 16:31:15 -0500 Subject: [PATCH] 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. --- scss/foundation/components/_block-grid.scss | 33 +++++++++++---------- 1 file changed, 18 insertions(+), 15 deletions(-) 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); } + } } } } -- 2.47.3