Rebuild ratchet

[ratchet] / dist / ratchet.css

diff --git a/dist/ratchet.css b/dist/ratchet.css
index ee1b85b..9de25c4 100644 (file)
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@@ -9,7 +9,83 @@
 /* Hard reset
 -------------------------------------------------- */
 
-* {
+html,
+body,
+div,
+span,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+section,
+summary,
+time,
+audio,
+video {
   padding: 0;
   margin: 0;
   border: 0;
@@ -1052,6 +1128,38 @@ select {
   border: 1px solid #000;
   border-radius: 3px;
   -webkit-overflow-scrolling: touch;
+}/* Modals
+-------------------------------------------------- */
+.modal {
+  position: fixed; 
+  top: 0;
+  background-color: #fff;
+  width: 100%;
+
+  -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;
+
+  opacity: 0;
+  overflow: hidden;
+  z-index: 11; 
+
+  min-height: 100%;
+}
+
+/* Modal - When active
+-------------------------------------------------- */
+.modal.active {
+  -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);
+
+  opacity: 1;
+  height: 100%;
 }/* Slider styles (to be used with sliders.js)
 -------------------------------------------------- */
 
@@ -1081,7 +1189,7 @@ select {
 .slider > ul > li {
   display: inline-block;
   vertical-align: top; /* Ensure that li always aligns to top */
-  width: 100%;
+  width: 100%; 
   height: 100%;
 }