mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-17 19:21:23 +03:00
Utilised mixins rather than specific WebKit properties
This commit is contained in:
+6
-6
@@ -235,19 +235,19 @@
|
||||
@media all and (-webkit-transform-3d) {
|
||||
.carousel {
|
||||
.item {
|
||||
-webkit-transition: 0.6s -webkit-transform ease-in-out;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-perspective: 1000;
|
||||
.transition-transform(~'0.6s ease-in-out');
|
||||
.backface-visibility(~'hidden');
|
||||
.perspective(1000);
|
||||
&.next, &.active.right {
|
||||
-webkit-transform: translate3d(100%,0,0);
|
||||
.translate3d(100%, 0, 0);
|
||||
left: 0;
|
||||
}
|
||||
&.prev, &.active.left {
|
||||
-webkit-transform: translate3d(-100%,0,0);
|
||||
.translate3d(-100%, 0, 0);
|
||||
left: 0;
|
||||
}
|
||||
&.next.left, &.prev.right, &.active {
|
||||
-webkit-transform: translate3d(0%,0,0);
|
||||
.translate3d(0%, 0, 0);
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user