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.
foundation · May 15, 2014 · 9ae628d · 9ae628d
1 parent 82bbd1c
commit 9ae628d
Showing 1 changed file with 11 additions and 10 deletions.
diff --git 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,