From 8e220b089be332ae553be52164af6477884f3595 Mon Sep 17 00:00:00 2001
From: John O'Nolan <john@ghost.org>
Date: Sat, 28 Feb 2015 16:07:43 +0200
Subject: [PATCH] Fix Safari mobile bug

Opacity: 0 on nav sidebar when closed
---
 assets/css/screen.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/assets/css/screen.css b/assets/css/screen.css
index 05be2dc..120783f 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -531,12 +531,15 @@ body.nav-opened .nav-cover {
     bottom: 0;
     z-index: 5;
     width: 240px;
+    opacity: 0;
     background: #111;
     margin-bottom: 0;
     text-align: left;
     overflow-y: auto;
-    -webkit-transition: -webkit-transform 0.5s ease;
-            transition: transform 0.5s ease;
+    -webkit-transition: -webkit-transform 0.5s ease,
+                        opacity 0.3s ease 0.7s;
+            transition: transform 0.5s ease,
+                        opacity 0.3s ease 0.7s;
 }
 
 body.nav-closed .nav {
@@ -546,6 +549,11 @@ body.nav-closed .nav {
 }
 
 body.nav-opened .nav {
+    opacity: 1;
+    -webkit-transition: -webkit-transform 0.5s ease,
+                        opacity 0s ease 0s;
+            transition: -webkit-transform 0.5s ease,
+                        opacity 0s ease 0s;
     -webkit-transform: translate3D(0, 0, 0);
         -ms-transform: translate3D(0, 0, 0);
             transform: translate3D(0, 0, 0);