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.
Merge pull request #4808 from itsthatguy/master

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