Making our push animation way better for ios 7

dist/ratchet.css

@@ -954,17 +954,22 @@ button.button-block {
   opacity: 1;
 }
 .content.slide {
+  -webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
-  -webkit-transition: -webkit-transform .25s ease-in-out;
+  -webkit-transition: -webkit-transform .3s;
-  transition: transform .25s ease-in-out;
+  transition: transform .3s;
-  -webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+  z-index: 2;
 }
 .content.slide.left {
-  -webkit-transform: translate3d(-100%, 0, 0);
+  z-index: 1;
-  transform: translate3d(-100%, 0, 0);
+  box-shadow: none;
+  -webkit-transform: translate3d(-60%, 0, 0);
+  transform: translate3d(-60%, 0, 0);
 }
 .content.slide.right {
+  z-index: 3;
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
 }

lib/sass/push.scss

@@ -18,18 +18,23 @@
 
   // Slide animation iOS7
   &.slide {
+    -webkit-transition-timing-function: cubic-bezier(.1, .7, .1, 1); //Thanks to @c2prods
     -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
-    -webkit-transition: -webkit-transform .25s ease-in-out;
+    -webkit-transition: -webkit-transform .3s;
-            transition:         transform .25s ease-in-out;
+            transition:         transform .3s;
-    -webkit-transition-timing-function: cubic-bezier(.1, .7, .1, 1); //Thanks to @c2prods
+    box-shadow: 0 0 10px rgba(0,0,0,.5);
+    z-index: 2;
 
     &.left {
-      -webkit-transform: translate3d(-100%, 0, 0);
+      z-index: 1;
-              transform: translate3d(-100%, 0, 0);
+      box-shadow: none;
+      -webkit-transform: translate3d(-60%, 0, 0); // Creates the parallax effect
+              transform: translate3d(-60%, 0, 0);
     }
 
     &.right {
+      z-index: 3;
       -webkit-transform: translate3d(100%, 0, 0);
               transform: translate3d(100%, 0, 0);
     }