// WebKit CSS3 transforms for supported devices
@media all and (transform-3d), (-webkit-transform-3d) {
- transition: transform .6s ease-in-out;
- backface-visibility: hidden;
- perspective: 1000;
-
+ .transition-transform(~'0.6s ease-in-out');
+ .backface-visibility(~'hidden');
+ .perspective(1000);
+
&.next,
&.active.right {
- transform: translate3d(100%, 0, 0);
+ .translate3d(100%, 0, 0);
left: 0;
}
&.prev,
&.active.left {
- transform: translate3d(-100%, 0, 0);
+ .translate3d(-100%, 0, 0);
left: 0;
}
&.next.left,
&.prev.right,
&.active {
- transform: translate3d(0, 0, 0);
+ .translate3d(0, 0, 0);
left: 0;
}
}