From 45a9b6b8d8248be7781964dedf6853268d0735a2 Mon Sep 17 00:00:00 2001
From: Kevin Altman <kevin@itsthatguy.com>
Date: Wed, 26 Mar 2014 17:53:15 -0400
Subject: [PATCH] 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.
---
 scss/foundation/components/_block-grid.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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));
       }
-- 
2.47.2