aboutsummaryrefslogtreecommitdiffstats
path: root/bower_components/bootstrap/less/carousel.less
diff options
context:
space:
mode:
Diffstat (limited to 'bower_components/bootstrap/less/carousel.less')
-rw-r--r--bower_components/bootstrap/less/carousel.less28
1 files changed, 27 insertions, 1 deletions
diff --git a/bower_components/bootstrap/less/carousel.less b/bower_components/bootstrap/less/carousel.less
index 1644ddf..87ed696 100644
--- a/bower_components/bootstrap/less/carousel.less
+++ b/bower_components/bootstrap/less/carousel.less
@@ -24,6 +24,30 @@
&:extend(.img-responsive);
line-height: 1;
}
+
+ // WebKit CSS3 transforms for supported devices
+ @media all and (transform-3d), (-webkit-transform-3d) {
+ .transition-transform(~'0.6s ease-in-out');
+ .backface-visibility(~'hidden');
+ .perspective(1000px);
+
+ &.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,
@@ -106,6 +130,7 @@
.glyphicon-chevron-right {
position: absolute;
top: 50%;
+ margin-top: -10px;
z-index: 5;
display: inline-block;
}
@@ -123,7 +148,7 @@
.icon-next {
width: 20px;
height: 20px;
- margin-top: -10px;
+ line-height: 1;
font-family: serif;
}
@@ -171,6 +196,7 @@
// Internet Explorer 8-9 does not support clicks on elements without a set
// `background-color`. We cannot use `filter` since that's not viewed as a
// background color by the browser. Thus, a hack is needed.
+ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer
//
// For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
// set alpha transparency for the best results possible.