2
0
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:
Hayden Bleasel
2014-03-15 18:30:09 +11:00
parent da044d9c69
commit 8ab6746cbe
2 changed files with 47 additions and 6 deletions
+6 -6
View File
@@ -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;
}
}