add back in the opactiy delay on modals

dist/ratchet.css

@@ -1064,9 +1064,9 @@ select {
   -webkit-transform: translate3d(0, 100%, 0);
   -ms-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
-  -webkit-transition: -webkit-transform 0.25s, opacity 0.25s;
+  -webkit-transition: -webkit-transform 0.25s, opacity 1ms 0.25s;
-  -moz-transition: -webkit-transform 0.25s, opacity 0.25s;
+  -moz-transition: -webkit-transform 0.25s, opacity 1ms 0.25s;
-  transition: -webkit-transform 0.25s, opacity 0.25s;
+  transition: -webkit-transform 0.25s, opacity 1ms 0.25s;
 }
 .modal.active {
   opacity: 1;

examples/app-default/choose-theater.html

@@ -8,7 +8,7 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
     <link rel="stylesheet" href="../../dist/ratchet.css">
-    <!-- <link rel="stylesheet" href="../../dist/ios-theme.css"> -->
+    <link rel="stylesheet" href="../../dist/ios-theme.css">
     <link rel="stylesheet" href="css/app.css">
     <script src="../../dist/ratchet.js"></script>
   </head>

examples/app-default/index.html

@@ -8,7 +8,7 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
     <link rel="stylesheet" href="../../dist/ratchet.css">
-    <!-- <link rel="stylesheet" href="../../dist/android-theme.css"> -->
+    <link rel="stylesheet" href="../../dist/ios-theme.css">
     <link rel="stylesheet" href="css/app.css">
     <script src="../../dist/ratchet.js"></script>
   </head>

lib/sass/modals.scss

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