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.
28 lines
695 B
28 lines
695 B
// |
|
// Modals |
|
// -------------------------------------------------- |
|
|
|
.modal { |
|
position: fixed; |
|
top: 0; |
|
z-index: 11; |
|
width: 100%; |
|
min-height: 100%; |
|
overflow: hidden; |
|
background-color: #fff; |
|
opacity: 0; |
|
-webkit-transition: -webkit-transform .25s, opacity 1ms .25s; |
|
-moz-transition: -moz-transform .25s, opacity 1ms .25s; |
|
transition: transform .25s, opacity 1ms .25s; |
|
@include transform(translate3d(0, 100%, 0)); |
|
|
|
// Active modal |
|
&.active { |
|
height: 100%; |
|
opacity: 1; |
|
-webkit-transition: -webkit-transform .25s; |
|
-moz-transition: -moz-transform .25s; |
|
transition: transform .25s; |
|
@include transform(translate3d(0, 0, 0)); |
|
} |
|
}
|
|
|