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.
33 lines
793 B
33 lines
793 B
/* 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%; |
|
} |