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 f188c7e..e0debc2 100644 (file)
--- a/lib/css/modals.css
+++ b/lib/css/modals.css
@@ -1,37 +1,27 @@
 /* Modals
 -------------------------------------------------- */
 .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;
-
+  position: fixed; 
+  top: 0;
   opacity: 0;
-  overflow: hidden;
-
-  /*  
-      Normally, we'd use '1', … ratchet uses '10'
-      for the title bar, so deal with that.
-  */
   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