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