From: Jake Wilson <jake.e.wilson@gmail.com>
Date: Fri, 20 Dec 2013 21:24:09 +0000 (-0700)
Subject: Added -webkit-tap-highlight-color to exit-off-canvas anchor
X-Git-Tag: 5.0.3~50^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F3945%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Added -webkit-tap-highlight-color to exit-off-canvas anchor

When the off canvas menu is open on a mobile Chrome browser, the .exit-off-canvas anchor has the webkit tap highlight color applied to it.  This fixes the issue by making the tap highlight color transparent.

Signed-off-by: Jake Wilson <jake.e.wilson@gmail.com>
---

diff --git a/scss/foundation/components/_offcanvas.scss b/scss/foundation/components/_offcanvas.scss
index 338b99f4f..c81c5d4a2 100755
--- a/scss/foundation/components/_offcanvas.scss
+++ b/scss/foundation/components/_offcanvas.scss
@@ -240,6 +240,7 @@ $menu-slide: "transform 500ms ease" !default;
     left:0;
     right:0;
     z-index: 1002;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
 
     @media #{$medium-up} {
       &:hover {