From 3e30c95ad898e15bb4ebf9f513b917af18ccb2e5 Mon Sep 17 00:00:00 2001
From: connors <connor.sears@github.com>
Date: Sat, 15 Feb 2014 11:49:36 -0800
Subject: [PATCH] add back in the opactiy delay on modals

---
 dist/ratchet.css                         | 6 +++---
 examples/app-default/choose-theater.html | 2 +-
 examples/app-default/index.html          | 2 +-
 lib/sass/modals.scss                     | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/dist/ratchet.css b/dist/ratchet.css
index ce91dc4..02c63ca 100644
--- a/dist/ratchet.css
+++ b/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;
-  -moz-transition: -webkit-transform 0.25s, opacity 0.25s;
-  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 1ms 0.25s;
+  transition: -webkit-transform 0.25s, opacity 1ms 0.25s;
 }
 .modal.active {
   opacity: 1;
diff --git a/examples/app-default/choose-theater.html b/examples/app-default/choose-theater.html
index fc1e323..c1bc79d 100644
--- a/examples/app-default/choose-theater.html
+++ b/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>
diff --git a/examples/app-default/index.html b/examples/app-default/index.html
index d21b5bf..531b0d8 100644
--- a/examples/app-default/index.html
+++ b/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>
diff --git a/lib/sass/modals.scss b/lib/sass/modals.scss
index 2331ebc..5951e45 100644
--- a/lib/sass/modals.scss
+++ b/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 {