do not print `.icon-bar` if `$include-html-form-classes` is `false`

diff --git a/scss/foundation/components/_icon-bar.scss b/scss/foundation/components/_icon-bar.scss
index 2a7fc33693cb0f65f470d03934273b94e918287b..77b6a5328d88586c16ff4c0f7bd78ef42f4073a4 100644 (file)
--- a/scss/foundation/components/_icon-bar.scss
+++ b/scss/foundation/components/_icon-bar.scss
@@ -199,31 +199,33 @@ $icon-bar-item-padding: 1.25rem !default;
   }
 }
 
+@if $include-html-form-classes {
 
-/* toolbar styles */
+       // toolbar styles
 
-.icon-bar {
+       .icon-bar {
 
-       // Counts
+               // Counts
 
-       &.two-up {
-               .item { width: 50%; }
-               &.vertical .item { width: auto; }
-       }
-       &.three-up {
-               .item { width: 33.3333%; }
-               &.vertical .item { width: auto; }
-       }
-       &.four-up {
-               .item { width: 25%; }
-               &.vertical .item { width: auto; }
-       }
-       &.five-up {
-               .item { width: 20%; }
-               &.vertical .item { width: auto; }
-       }
-       &.six-up {
-               .item { width: 16.66667%; }
-               &.vertical .item { width: auto; }
+               &.two-up {
+                       .item { width: 50%; }
+                       &.vertical .item { width: auto; }
+               }
+               &.three-up {
+                       .item { width: 33.3333%; }
+                       &.vertical .item { width: auto; }
+               }
+               &.four-up {
+                       .item { width: 25%; }
+                       &.vertical .item { width: auto; }
+               }
+               &.five-up {
+                       .item { width: 20%; }
+                       &.vertical .item { width: auto; }
+               }
+               &.six-up {
+                       .item { width: 16.66667%; }
+                       &.vertical .item { width: auto; }
+               }
        }
-}
\ No newline at end of file
+}