Making modals work again.

dist/ratchet.css

@@ -961,20 +961,20 @@ input[type="button"] {
   background-color: #fff;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
-  -webkit-transition: -webkit-transform 0.25s, transform 0.25s, opacity 1ms 0.25s;
-  transition: -webkit-transform 0.25s, transform 0.25s, opacity 1ms 0.25s;
+  -webkit-transition: -webkit-transform 0.25s, opacity 0.25s;
+  transition: -webkit-transform 0.25s, opacity 0.25s;
   -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
   transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
 }
 .modal.active {
   opacity: 1;
   height: 100%;
-  -webkit-transition: -webkit-transform 0.25s, transform 0.25s;
-  transition: -webkit-transform 0.25s, transform 0.25s;
-  -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
-  transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
+  -webkit-transition: -webkit-transform 0.25s;
+  transition: -webkit-transform 0.25s;
+  -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
+  transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
 }
 
 .slider,

lib/sass/modals.scss

@@ -12,15 +12,15 @@
   overflow: hidden;
   background-color: #fff;  
   @include transform(translate3d(0, 100%, 0));
-  @include transition(-webkit-transform .25s, transform .25s, opacity 1ms .25s);
+  @include transition(-webkit-transform .25s, opacity .25s);
   @include transition-timing-function($timing-fuction);
 
   // Active modal
   &.active {
     opacity: 1;
     height: 100%;
-    @include transition(-webkit-transform .25s, transform .25s);
-    @include transition-timing-function($timing-fuction);
     @include transform(translate3d(0, 0, 0));
+    @include transition(-webkit-transform .25s);
+    @include transition-timing-function($timing-fuction);
   }
 }