From: Wing-Hou Chan <winghouchan@gmail.com>
Date: Thu, 15 May 2014 17:33:50 +0000 (+0100)
Subject: Fix #5155
X-Git-Tag: v5.2.3~14^2
X-Git-Url: http://git.ipfire.org/gitweb/?a=commitdiff_plain;h=refs%2Fpull%2F5159%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fix #5155

Fix #5155. Hamburger icon has now become a pseudo-element meaning the old way of centre positioning it will not work. Updated version will work.
---

diff --git a/scss/foundation/components/_global.scss b/scss/foundation/components/_global.scss
index 0fd71029d..5f5050480 100644
--- a/scss/foundation/components/_global.scss
+++ b/scss/foundation/components/_global.scss
@@ -129,27 +129,28 @@ $base-line-height: 150% !default;
     height: 0;
     
     @if $offcanvas {
-    	@if $top {
-    		top: $top;
-    	}
-    	@else {
-    		top: ($width - rem-calc(3 * $thickness) - rem-calc(2 * $gap))/2;
-    	}
-    	// disable width centering if $top is not false
+      @if $top {
+        top: $top;
+      }
+      @else {
+        top: 50%;
+        margin-top: -$width/2;
+      }
     	@if $left {
-    		left: $left;
+    	  left: $left;
     	}
     	@else {
-    		left: ($tabbar-menu-icon-width - $width)/2;
+    	  left: ($tabbar-menu-icon-width - $width)/2;
     	}
     }
+    	
     box-shadow:
       0 0px 0 $thickness $color,
       0 $gap + $thickness 0 $thickness $color,
       0 (2 * $gap + 2*$thickness) 0 $thickness $color;
     width: $width;
   }
-  &:hover {
+  span:hover:after {
     box-shadow:
       0 0px 0 $thickness $hover-color,
       0 $gap + $thickness 0 $thickness $hover-color,