From: Kevin Ball <kmball11@gmail.com>
Date: Wed, 14 Dec 2016 00:46:48 +0000 (-0800)
Subject: Fix reveal overlay bug on some android browsers
X-Git-Tag: v6.3.0~7
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b1ce762ef63525073185aa558f504790c21ab45c;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fix reveal overlay bug on some android browsers
---

diff --git a/scss/components/_reveal.scss b/scss/components/_reveal.scss
index c226a19a4..b9e46ba47 100644
--- a/scss/components/_reveal.scss
+++ b/scss/components/_reveal.scss
@@ -57,6 +57,8 @@ $reveal-overlay-background: rgba($black, 0.45) !default;
 @mixin reveal-modal-base {
   @include disable-mouse-outline;
   z-index: $reveal-zindex + 1;
+  // Workaround android browser z-index bug
+  backface-visibility: hidden;
 
   display: none;
   padding: $reveal-padding;