From 9ae628d8c15a592c5ae1d4150eded07bbaae00b5 Mon Sep 17 00:00:00 2001
From: Wing-Hou Chan <winghouchan@gmail.com>
Date: Thu, 15 May 2014 18:33:50 +0100
Subject: [PATCH] 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.
---
 scss/foundation/components/_global.scss | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

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,
-- 
2.47.2