meta.foundation-mq-topbar now output only once.

diff --git a/scss/foundation/components/_top-bar.scss b/scss/foundation/components/_top-bar.scss
index e685fd8c17114e46a6ed2144cc02b4eb29cff655..1d218d5ee4b0a9ae465e6f0cce9aa795b5b234c7 100644 (file)
--- a/scss/foundation/components/_top-bar.scss
+++ b/scss/foundation/components/_top-bar.scss
@@ -71,15 +71,15 @@ $topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness:
 $topbar-sticky-class: ".sticky" !default;
 $topbar-arrows: true !default; //Set false to remove the triangle icon from the menu item
 
-// Used to provide media query values for javascript components.
-// This class is generated despite the value of $include-html-top-bar-classes
-// to ensure width calculations work correctly.
-meta.foundation-mq-topbar {
-  font-family: "/" + unquote($topbar-media-query) + "/";
-  width: $topbar-breakpoint;
-}
-
 @include exports("top-bar") {
+  // Used to provide media query values for javascript components.
+  // This class is generated despite the value of $include-html-top-bar-classes
+  // to ensure width calculations work correctly.
+  meta.foundation-mq-topbar {
+    font-family: "/" + unquote($topbar-media-query) + "/";
+    width: $topbar-breakpoint;
+  }
+
   @if $include-html-top-bar-classes {
 
     /* Wrapped around .top-bar to contain to grid width */