1 @mixin translate($x: 0, $y: 0, $z: 0) {
2 -webkit-transform:translate3d($x, $y, $z);
3 -ms-transform:translate($x, $y);
4 transform:translate3d($x, $y, $z);
7 @mixin transition($prop, $duration, $easing: ease-in-out, $delay: 0ms) {
8 -webkit-transition:$prop $duration $easing $delay;
9 transition:$prop $duration $easing $delay;
12 @mixin transform($val) {
13 -webkit-transform:$val;
18 .csstransitions.csstransforms {
21 .deck-container > .slide {
22 -webkit-transition:-webkit-transform 500ms ease-in-out;
23 transition:transform 500ms ease-in-out;
26 .deck-container:not(.deck-menu) {
36 -webkit-transition:-webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out;
37 transition:transform 500ms ease-in-out, opacity 500ms ease-in-out;
40 .deck-next, .deck-after {
42 @include translate(200%);
47 @include translate(-200%);
51 @include translate(-400%);
55 @include translate(200%);
59 @include translate(400%);
62 > .deck-before, > .deck-previous {
68 > .deck-child-current {
69 @include transform(none);