From 1d78da4cc83277a9cddce0eb72d537ea935f438a Mon Sep 17 00:00:00 2001
From: andycochran <andrewthomascochran@gmail.com>
Date: Tue, 29 Nov 2016 21:14:16 -0500
Subject: [PATCH] change block grid class

---
 docs/pages/grid.md      | 14 +++++++-------
 scss/grid/_classes.scss |  6 +++---
 2 files changed, 10 insertions(+), 10 deletions(-)

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
 <div class="row small-up-2 medium-up-3 large-up-4">
-  <div class="column block-grid-column">
+  <div class="column column-block">
     <img src="//placehold.it/600x600" class="thumbnail" alt="">
   </div>
-  <div class="column block-grid-column">
+  <div class="column column-block">
     <img src="//placehold.it/600x600" class="thumbnail" alt="">
   </div>
-  <div class="column block-grid-column">
+  <div class="column column-block">
     <img src="//placehold.it/600x600" class="thumbnail" alt="">
   </div>
-  <div class="column block-grid-column">
+  <div class="column column-block">
     <img src="//placehold.it/600x600" class="thumbnail" alt="">
   </div>
-  <div class="column block-grid-column">
+  <div class="column column-block">
     <img src="//placehold.it/600x600" class="thumbnail" alt="">
   </div>
-  <div class="column block-grid-column">
+  <div class="column column-block">
     <img src="//placehold.it/600x600" class="thumbnail" alt="">
   </div>
 </div>
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' {
-- 
2.47.2