From: Brett Mason <brettsmason@users.noreply.github.com>
Date: Sat, 8 Jul 2017 06:00:09 +0000 (+0100)
Subject: Fix missing . with class names
X-Git-Tag: v6.4.2-rc2~1^2~11^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10370%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fix missing . with class names

Noticed a bug when reworking grid container that a lot of the base classes (without margin/padding) were missing `.` in their class names and as a result weren't working.
---

diff --git a/scss/xy-grid/_classes.scss b/scss/xy-grid/_classes.scss
index 97f796b9b..bdacd8522 100644
--- a/scss/xy-grid/_classes.scss
+++ b/scss/xy-grid/_classes.scss
@@ -53,9 +53,9 @@
     // https://github.com/zurb/foundation-sites/pull/10222 and
     // https://github.com/zurb/foundation-sites/pull/10164
     .grid-x {
-      $str: "> #{$-zf-size}-shrink, > #{$-zf-size}-full";
+      $str: "> .#{$-zf-size}-shrink, > .#{$-zf-size}-full";
       @for $i from 1 through $grid-columns {
-        $str: $str + ", > #{$-zf-size}-#{$i}"
+        $str: $str + ", > .#{$-zf-size}-#{$i}"
       }
       #{$str} {
         flex-basis: auto;