From: Wing-Hou Chan <winghouchan@gmail.com>
Date: Wed, 23 Apr 2014 12:07:58 +0000 (+0100)
Subject: Remove menu icon specificity
X-Git-Tag: v5.2.3~42^2^2~1^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F5049%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

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 54ba97dbb..616ef60af 100755
--- 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;