From: Daniel Tijerina <ithinkdancan@users.noreply.github.com>
Date: Tue, 29 Apr 2014 21:13:32 +0000 (-0500)
Subject: Fix for Android 4.1 nth-of-type bug
X-Git-Tag: v5.2.3^2~10^2~16^2
X-Git-Url: http://git.ipfire.org/gitweb/?a=commitdiff_plain;h=refs%2Fpull%2F5084%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fix for Android 4.1 nth-of-type bug

in the Android 4.1 browser nth-of-type(n) is not recognized by the parser but nth-of-type(1n) apparently is. This fixes an issue where a smaller breakpoint clearing bleeds through to the larger breakpoints and adds additional clears. This can be recreated on the block grid documentation page
---

diff --git a/scss/foundation/components/_block-grid.scss b/scss/foundation/components/_block-grid.scss
index c24a94455..f5ae8fa70 100644
--- a/scss/foundation/components/_block-grid.scss
+++ b/scss/foundation/components/_block-grid.scss
@@ -65,7 +65,7 @@ $block-grid-media-queries: true !default;
       }
       list-style: none;
 
-      &:nth-of-type(n) { clear: none; }
+      &:nth-of-type(1n) { clear: none; }
       &:nth-of-type(#{$per-row}n+1) { clear: both; }
       @if $align-block-grid-to-grid {
         @include block-grid-aligned($per-row, $spacing);