Move .foundation-mq CSS from breakpoint util to global styles mixin, closes #7297

diff --git a/scss/_global.scss b/scss/_global.scss
index 1df78e5029c5f812e6aafd265bae98145d6f259f..bdffc73e236a9499702dd4e0b72a981c16c2db5a 100644 (file)
--- a/scss/_global.scss
+++ b/scss/_global.scss
@@ -115,6 +115,11 @@ $foundation-colors: (
 );
 
 @mixin foundation-global-styles {
+  // These styles are applied to a <meta> tag, which is read by the Foundation JavaScript
+  .foundation-mq {
+    font-family: '#{-zf-bp-serialize($breakpoints)}';
+  }
+
   html,
   body {
     font-size: $global-font-size;

diff --git a/scss/util/_breakpoint.scss b/scss/util/_breakpoint.scss
index f7e22b649c06554f709c3ad5add6925b19368e47..1baa9f005e450884204922013d8a6e49b4d295db 100644 (file)
--- a/scss/util/_breakpoint.scss
+++ b/scss/util/_breakpoint.scss
@@ -186,8 +186,3 @@ $breakpoint-classes: (small medium large) !default;
     @return nth($values, $i);
   }
 }
-
-// These styles are applied to <meta> tags, which are read by the Foundation JavaScript
-.foundation-mq {
-  font-family: '#{-zf-bp-serialize($breakpoints)}';
-}