mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

Improved mixin ability with nested media query

Browse Source
This commit is contained in:
Hayden Bleasel
2014-04-23 20:36:49 +10:00
parent bab63abee8
commit 4fa2d9e0ca
2 changed files with 60 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
less/carousel.less
+19 -23
View File
@@ -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;
}
}
}
}