aboutsummaryrefslogtreecommitdiff
path: root/less
diff options
context:
space:
mode:
Diffstat (limited to 'less')
-rw-r--r--less/carousel.less42
1 files changed, 19 insertions, 23 deletions
diff --git a/less/carousel.less b/less/carousel.less
index 0d081928e..ea3cade88 100644
--- a/less/carousel.less
+++ b/less/carousel.less
@@ -24,6 +24,25 @@
&:extend(.img-responsive);
line-height: 1;
}
+
+ // WebKit CSS3 transforms for supported devices
+ @media all and (-webkit-transform-3d) {
+ .transition-transform(~'0.6s ease-in-out');
+ .backface-visibility(~'hidden');
+ .perspective(1000);
+ &.next, &.active.right {
+ .translate3d(100%, 0, 0);
+ left: 0;
+ }
+ &.prev, &.active.left {
+ .translate3d(-100%, 0, 0);
+ left: 0;
+ }
+ &.next.left, &.prev.right, &.active {
+ .translate3d(0, 0, 0);
+ left: 0;
+ }
+ }
}
> .active,
@@ -230,26 +249,3 @@
bottom: 20px;
}
}
-
-// WebKit CSS3 transforms for supported devices
-@media all and (-webkit-transform-3d) {
- .carousel {
- .item {
- .transition-transform(~'0.6s ease-in-out');
- .backface-visibility(~'hidden');
- .perspective(1000);
- &.next, &.active.right {
- .translate3d(100%, 0, 0);
- left: 0;
- }
- &.prev, &.active.left {
- .translate3d(-100%, 0, 0);
- left: 0;
- }
- &.next.left, &.prev.right, &.active {
- .translate3d(0, 0, 0);
- left: 0;
- }
- }
- }
-}