Add Sass variable to add block grid classes beyond 6-up, closes #7061

diff --git a/scss/grid/_classes.scss b/scss/grid/_classes.scss
index faa9a1b4fa963e2376c3126afcde52f282f94637..d61be4d4c9cab2299d130dc3b388e5b80c364b4f 100644 (file)
--- a/scss/grid/_classes.scss
+++ b/scss/grid/_classes.scss
@@ -102,7 +102,7 @@
       }
 
       // Block grid
-      @for $i from 1 through 6 {
+      @for $i from 1 through $block-grid-max {
         .#{$size}-up-#{$i} {
           @include grid-layout($i);
         }

diff --git a/scss/grid/_grid.scss b/scss/grid/_grid.scss
index 4904a66dd4d274f24493aa6a482acc5b992517a1..28e81ebb2d09953c98b204ff04df467e3b581bed 100644 (file)
--- a/scss/grid/_grid.scss
+++ b/scss/grid/_grid.scss
@@ -18,6 +18,10 @@ $grid-column-count: 12 !default;
 /// @type Number
 $grid-column-gutter: 30px !default;
 
+/// The highest number of `.x-up` classes available when using the block grid CSS.
+/// @type Number
+$block-grid-max: 6 !default;
+
 @import 'row';
 @import 'column';
 @import 'size';