Fixes #1767. Changed blockgrid to clearfix instead of overflow:hidden

diff --git a/docs/components/block-grid.html.erb b/docs/components/block-grid.html.erb
index 47e2e2709c0d13639cda24023c9c60005e221b2b..92b8cd42d1cfa0cf7e990345fda2c0a2f8c6b68d 100644 (file)
--- a/docs/components/block-grid.html.erb
+++ b/docs/components/block-grid.html.erb
@@ -10,10 +10,10 @@
         <h4 class="subheader">Block grids give you a way to evenly split contents of a list within the grid. If you wanted to create a row of 5 images or paragraphs that need to stay evenly spaced no matter the screen size, the block grid is for you.</h4>
 
         <ul class="small-block-grid-2 large-block-grid-4">
-          <li><img src="../img/demos/demo1.jpg"></li>
-          <li><img src="../img/demos/demo2.jpg"></li>
-          <li><img src="../img/demos/demo3.jpg"></li>
-          <li><img src="../img/demos/demo4.jpg"></li>
+          <li><img class="th" src="../img/demos/demo1.jpg"></li>
+          <li><img class="th" src="../img/demos/demo2.jpg"></li>
+          <li><img class="th" src="../img/demos/demo3.jpg"></li>
+          <li><img class="th" src="../img/demos/demo4.jpg"></li>
         </ul>
 
         <hr>

diff --git a/scss/foundation/components/_block-grid.scss b/scss/foundation/components/_block-grid.scss
index 2147ca82c75a1e89bb6f6473c207b6f37af4fe52..9bd9d3d7ae259f5a9d19a021fe9b35a35b051241 100644 (file)
--- a/scss/foundation/components/_block-grid.scss
+++ b/scss/foundation/components/_block-grid.scss
@@ -19,9 +19,9 @@ $block-grid-media-queries: true !default;
 
   @if $base-style {
     display: block;
-    overflow: hidden;
     padding: 0;
     margin: 0 (-$spacing);
+    @include clearfix;
 
     &>li {
       display: block;