Add option to disable outputting glyph classes

nice-digital · Jan 25, 2017 · 27f2c8c · 27f2c8c
1 parent b5ee1d9
commit 27f2c8c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/src/stylesheets/helpers/_helpers-glyphs.scss b/src/stylesheets/helpers/_helpers-glyphs.scss
@@ -62,14 +62,16 @@ $glyphs: (
   @return unquote('\'#{$codes}\'');
 }
 
-/// Output a BEM style glyph selector for each glyph in the map.
-/// E.g. .glyph.glyph--bullet { content: '\2022'; }
-/// @since 0.1.0
-.glyph {
-  @each $key, $value in $glyphs {
-    &--#{$key} {
-      &::before {
-        content: unquote('\'\\#{$value}\'');
+@if $output-glyph-classes {
+  /// Output a BEM style glyph selector for each glyph in the map.
+  /// E.g. .glyph.glyph--bullet { content: '\2022'; }
+  /// @since 0.1.0
+  .glyph {
+    @each $key, $value in $glyphs {
+      &--#{$key} {
+        &::before {
+          content: unquote('\'\\#{$value}\'');
+        }
       }
     }
   }

diff --git a/src/stylesheets/settings/_settings-variables.scss b/src/stylesheets/settings/_settings-variables.scss
@@ -55,6 +55,10 @@ $mq-breakpoints: ();
 /// @since 0.1.0
 $output-default-print-styles: true !default;
 
+/// Whether to output the classes for the UTF-8 glyphs.
+/// @since 0.2.0
+$output-glyph-classes: false !default;
+
 /// Whether the site is responsive. Setting to false will disable
 /// generation of the responsie grid selectors.
 /// True by default.