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}