From 37d7d0b4f0f3c7faf1bc6b2bca5369efdf73d6b3 Mon Sep 17 00:00:00 2001
From: John O'Nolan <john@ghost.org>
Date: Mon, 9 Mar 2015 16:05:25 +0200
Subject: [PATCH] Sexier animation timing on menu

---
 assets/css/screen.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/assets/css/screen.css b/assets/css/screen.css
index 4fd6e68..5f5e737 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -480,6 +480,8 @@ body.nav-opened .site-wrapper {
     -webkit-transform: translate3D(-240px, 0, 0);
         -ms-transform: translate3D(-240px, 0, 0);
             transform: translate3D(-240px, 0, 0);
+    -webkit-transition: -webkit-transform 0.3s ease;
+            transition: transform 0.3s ease;
 }
 
 
@@ -551,9 +553,9 @@ body.nav-closed .nav {
 
 body.nav-opened .nav {
     opacity: 1;
-    -webkit-transition: -webkit-transform 0.5s ease,
+    -webkit-transition: -webkit-transform 0.3s ease,
                         opacity 0s ease 0s;
-            transition: transform 0.5s ease,
+            transition: transform 0.3s ease,
                         opacity 0s ease 0s;
     -webkit-transform: translate3D(0, 0, 0);
         -ms-transform: translate3D(0, 0, 0);
@@ -788,7 +790,7 @@ body.nav-opened .nav {
     white-space: nowrap;
     border-radius: 3px;
     background: rgba(0,0,0,0.1);
-    transition: all 0.6s ease;
+    transition: all 0.5s ease;
 }
 .menu-button:focus {
     outline: 0;
@@ -806,7 +808,7 @@ body.nav-opened .menu-button {
     -webkit-transform: translate3D(94px, 0, 0);
         -ms-transform: translate3D(94px, 0, 0);
             transform: translate3D(94px, 0, 0);
-    transition: all 0.4s ease;
+    transition: all 0.3s ease;
 }
 body.nav-opened .menu-button .word {
     opacity: 0;