From: Kevin Altman <kevin@itsthatguy.com>
Date: Wed, 26 Mar 2014 21:53:15 +0000 (-0400)
Subject: change nth-child to nth-of-type for block grid
X-Git-Tag: v5.2.2~42^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F4808%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

change nth-child to nth-of-type for block grid

When using foundation and emberjs, the added script tags that are placed inside the ul cause layout issues when using nth-child.
---

diff --git a/scss/foundation/components/_block-grid.scss b/scss/foundation/components/_block-grid.scss
index 1810190b7..deb36d4a6 100644
--- a/scss/foundation/components/_block-grid.scss
+++ b/scss/foundation/components/_block-grid.scss
@@ -80,7 +80,7 @@ $block-grid-media-queries: true !default;
       @if $per-row == $i {
         $grid-column: '';
       }
-      &:nth-child(#{$per-row}n#{unquote($grid-column)}) {
+      &:nth-of-type(#{$per-row}n#{unquote($grid-column)}) {
         padding-left: ($spacing - (($spacing / $per-row) * ($per-row - ($i - 1))));
         padding-right: ($spacing - (($spacing / $per-row) * $i));
       }