| 13542 |
anikendra |
1 |
|
|
|
2 |
// Slide up from the bottom, used for modals
|
|
|
3 |
// -------------------------------
|
|
|
4 |
|
|
|
5 |
.slide-in-up {
|
|
|
6 |
@include translate3d(0, 100%, 0);
|
|
|
7 |
}
|
|
|
8 |
.slide-in-up.ng-enter,
|
|
|
9 |
.slide-in-up > .ng-enter {
|
|
|
10 |
@include transition(all cubic-bezier(.1, .7, .1, 1) 400ms);
|
|
|
11 |
}
|
|
|
12 |
.slide-in-up.ng-enter-active,
|
|
|
13 |
.slide-in-up > .ng-enter-active {
|
|
|
14 |
@include translate3d(0, 0, 0);
|
|
|
15 |
}
|
|
|
16 |
|
|
|
17 |
.slide-in-up.ng-leave,
|
|
|
18 |
.slide-in-up > .ng-leave {
|
|
|
19 |
@include transition(all ease-in-out 250ms);
|
|
|
20 |
}
|
|
|
21 |
|
|
|
22 |
|
|
|
23 |
// Scale Out
|
|
|
24 |
// Scale from hero (1 in this case) to zero
|
|
|
25 |
// -------------------------------
|
|
|
26 |
|
|
|
27 |
@-webkit-keyframes scaleOut {
|
|
|
28 |
from { -webkit-transform: scale(1); opacity: 1; }
|
|
|
29 |
to { -webkit-transform: scale(0.8); opacity: 0; }
|
|
|
30 |
}
|
|
|
31 |
@keyframes scaleOut {
|
|
|
32 |
from { transform: scale(1); opacity: 1; }
|
|
|
33 |
to { transform: scale(0.8); opacity: 0; }
|
|
|
34 |
}
|
|
|
35 |
|
|
|
36 |
|
|
|
37 |
// Super Scale In
|
|
|
38 |
// Scale from super (1.x) to duper (1 in this case)
|
|
|
39 |
// -------------------------------
|
|
|
40 |
|
|
|
41 |
@-webkit-keyframes superScaleIn {
|
|
|
42 |
from { -webkit-transform: scale(1.2); opacity: 0; }
|
|
|
43 |
to { -webkit-transform: scale(1); opacity: 1 }
|
|
|
44 |
}
|
|
|
45 |
@keyframes superScaleIn {
|
|
|
46 |
from { transform: scale(1.2); opacity: 0; }
|
|
|
47 |
to { transform: scale(1); opacity: 1; }
|
|
|
48 |
}
|