Does for the top-bar what #3828 fixed off-canvas

diff --git a/scss/foundation/components/_top-bar.scss b/scss/foundation/components/_top-bar.scss
index bc321aef060eb4880d5bf89cef57ddf234a8b45b..b4d1866eac548ffc1c916fe43936ff320277633a 100644 (file)
--- a/scss/foundation/components/_top-bar.scss
+++ b/scss/foundation/components/_top-bar.scss
@@ -221,9 +221,9 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
               height: 0;
               // Shh, don't tell, but box-shadows create the menu icon :)
               @if $experimental {
-                -webkit-box-shadow: 0 10px 0 1px $topbar-menu-icon-color,
-                                    0 16px 0 1px $topbar-menu-icon-color,
-                                    0 22px 0 1px $topbar-menu-icon-color;
+                -webkit-box-shadow: 1px 10px 1px 1px $topbar-menu-icon-color,
+                                    1px 16px 1px 1px $topbar-menu-icon-color,
+                                    1px 22px 1px 1px $topbar-menu-icon-color;
               }
               box-shadow:         0 10px 0 1px $topbar-menu-icon-color,
                                   0 16px 0 1px $topbar-menu-icon-color,
@@ -245,9 +245,9 @@ $topbar-arrows: true !default; //Set false to remove the triangle icon from the
             span {
               // Shh, don't tell, but box-shadows create the menu icon :)
               @if $experimental {
-                -webkit-box-shadow: 0 10px 0 1px $topbar-menu-icon-color-toggled,
-                                    0 16px 0 1px $topbar-menu-icon-color-toggled,
-                                    0 22px 0 1px $topbar-menu-icon-color-toggled;
+                -webkit-box-shadow: 1px 10px 1px 1px $topbar-menu-icon-color-toggled,
+                                    1px 16px 1px 1px $topbar-menu-icon-color-toggled,
+                                    1px 22px 1px 1px $topbar-menu-icon-color-toggled;
               }
               box-shadow:         0 10px 0 1px $topbar-menu-icon-color-toggled,
                                   0 16px 0 1px $topbar-menu-icon-color-toggled,