Removed last newline (How'd that hide there?) && reordered properties

[ratchet] / lib / css / modals.css

diff --git a/lib/css/modals.css b/lib/css/modals.css
index 7be30d5..e0debc2 100644 (file)
--- a/lib/css/modals.css
+++ b/lib/css/modals.css
@@ -3,31 +3,25 @@
 .modal {
   position: fixed; 
   top: 0;
-  background-color: #fff;
-  width: 100%;
-
-  -webkit-transform: translateY(100%);
-          transform: translateY(100%);
-
-  -webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
-          transition:         transform .25s ease-in-out, opacity 1ms .25s;
-
   opacity: 0;
-  overflow: hidden;
   z-index: 11; 
-
+  width: 100%;
   min-height: 100%;
+  overflow: hidden;
+  background-color: #fff;  
+  -webkit-transform: translate3d(0, 100%, 0);
+          transform: translate3d(0, 100%, 0);
+  -webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
+          transition:         transform .25s ease-in-out, opacity 1ms .25s;
 }
 
 /* Modal - When active
 -------------------------------------------------- */
 .modal.active {
-  -webkit-transition: -webkit-transform .25s ease-in-out;
-          transition:         transform: .25 ease-in-out;
-
-  -webkit-transform: translateY(0);
-          transform: translateY(0);
-
   opacity: 1;
   height: 100%;
+  -webkit-transition: -webkit-transform .25s ease-in-out;
+          transition:         transform: .25 ease-in-out;
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
 }
\ No newline at end of file