Remove menu icon specificity

Developers may want to use the menu-icon outside the tab-bar.

Currently this is restricted as the CSS selector requires the developer to make the menu icon a child of the tab-bar.

By removing .tab-bar in the selector selecting the menu icon developers will be able to use the menu-icon outside the tab-bar.

diff --git a/scss/foundation/components/_offcanvas.scss b/scss/foundation/components/_offcanvas.scss
index 54ba97dbb97ff2cfe74aae6f4575052bb4fd8a8f..616ef60af491b06e20cb24653d6486bd65c46210 100755 (executable)
--- a/scss/foundation/components/_offcanvas.scss
+++ b/scss/foundation/components/_offcanvas.scss
@@ -329,7 +329,7 @@ $menu-slide: "transform 500ms ease" !default;
 
     // MENU BUTTON
     // This is a little bonus. You don't need it for off canvas to work. Mixins to be written in the future.
-    .tab-bar .menu-icon {
+    .menu-icon {
       text-indent: $tabbar-menu-icon-text-indent;
       width: $tabbar-height;
       height: $tabbar-height;