mirror of https://github.com/twbs/ratchet.git
Build mobile apps with simple HTML, CSS, and JS components.
http://goratchet.com/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
863 B
37 lines
863 B
/* 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; |
|
|
|
opacity: 0; |
|
overflow: hidden; |
|
|
|
/* |
|
Normally, we'd use '1', … ratchet uses '10' |
|
for the title bar, so deal with that. |
|
*/ |
|
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: translateY(0); |
|
transform: translateY(0); |
|
|
|
opacity: 1; |
|
height: 100%; |
|
} |