From: andycochran Date: Wed, 30 Nov 2016 02:14:16 +0000 (-0500) Subject: change block grid class X-Git-Tag: v6.3-rc1~6^2~6^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=1d78da4cc83277a9cddce0eb72d537ea935f438a;p=thirdparty%2Ffoundation%2Ffoundation-sites.git change block grid class --- diff --git a/docs/pages/grid.md b/docs/pages/grid.md index e882f01e8..301f8f4a9 100644 --- a/docs/pages/grid.md +++ b/docs/pages/grid.md @@ -433,26 +433,26 @@ Using these source ordering classes, you can shift columns around between our br ### Block Grids -Block grids are a shorthand way to create equally-sized columns. Add a class of the format `.[size]-up-[n]` to change the number of columns within the row. By default, the max number of columns you can use with block grid are 8. Adding the `.block-grid-column` class to columns will apply a bottom margin equal to the width of gutters. +Block grids are a shorthand way to create equally-sized columns. Add a class of the format `.[size]-up-[n]` to change the number of columns within the row. By default, the max number of columns you can use with block grid are 8. Adding the `.column-block` class to columns will apply a bottom margin equal to the width of gutters. ```html_example
-
+
-
+
-
+
-
+
-
+
-
+
diff --git a/scss/grid/_classes.scss b/scss/grid/_classes.scss index a1bb3e048..55cda3e86 100644 --- a/scss/grid/_classes.scss +++ b/scss/grid/_classes.scss @@ -22,7 +22,7 @@ $offset: 'offset', $end: 'end', $expanded: 'expanded', - $block-grid: 'block-grid' + $block: 'block' ) { // Row .#{$row} { @@ -156,8 +156,8 @@ } // Block grid columns - .#{$block-grid}-#{$column} { - @include block-grid-column; + .#{$column}-#{$block} { + @include grid-column-margin; } @if $column == 'column' {