Wrap exported html in the export function

I found when multiple components referenced the _visibility.scss it was pulled into the html multiple times.
Wrapping '@if $include-html-visibility-classes{}'  with the exports mixin, stopped this problem.

diff --git a/scss/foundation/components/_visibility.scss b/scss/foundation/components/_visibility.scss
index 2dd7811c5a8ea2eec1f3ecff06893ba246070a7b..1a6575ce63d8716219f67ea51b472b61fc74636e 100644 (file)
--- a/scss/foundation/components/_visibility.scss
+++ b/scss/foundation/components/_visibility.scss
@@ -276,8 +276,8 @@ $visibility-breakpoint-queries:
   }
 }
 
-
-@if $include-html-visibility-classes != false {
+@include exports("visibility"){
+  @if $include-html-visibility-classes != false {
 
   @include visibility-loop;
 
@@ -472,3 +472,4 @@ $visibility-breakpoint-queries:
       th.show-for-print { display: table-cell !important; }
   }
 }
+}