aboutsummaryrefslogtreecommitdiff
path: root/less/carousel.less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-07-17 20:44:27 -0700
committerMark Otto <[email protected]>2013-07-17 20:44:27 -0700
commitf0d071832284d968f2cb72b0bb576f8112a349de (patch)
tree9766c8da2b7c6890cdc794a2d93d4ca81c191047 /less/carousel.less
parentc5fb401a626c3e0d99a764cb7961e1bd3e619e8f (diff)
parentbfebf0e490c795601220f74b7089adb4f47acda7 (diff)
downloadbootstrap-f0d071832284d968f2cb72b0bb576f8112a349de.tar.xz
bootstrap-f0d071832284d968f2cb72b0bb576f8112a349de.zip
Merge branch '3.0.0-wip' into bs3_remove_examples
Conflicts: docs/_includes/nav-getting-started.html docs/examples/navbar-fixed-top.html docs/examples/navbar-static-top.html docs/examples/navbar.html docs/getting-started.html
Diffstat (limited to 'less/carousel.less')
-rw-r--r--less/carousel.less31
1 files changed, 12 insertions, 19 deletions
diff --git a/less/carousel.less b/less/carousel.less
index 31f9b8aff..8834c6f7b 100644
--- a/less/carousel.less
+++ b/less/carousel.less
@@ -8,15 +8,10 @@
position: relative;
}
-// Wrap all slides, but only show the active one
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
-}
-
-// Immediate parent of all slides
-.carousel-inner {
> .item {
display: none;
@@ -26,7 +21,7 @@
// Account for jankitude on images
> img,
> a > img {
- display: block;
+ .img-responsive();
line-height: 1;
}
}
@@ -80,13 +75,8 @@
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
-
- // we can't have this transition here
- // because webkit cancels the carousel
- // animation if you trip this while
- // in the middle of another animation
- // ;_;
- // .transition(opacity .2s linear);
+ // We can't have this transition here because webkit cancels the carousel
+ // animation if you trip this while in the middle of another animation.
// Set gradients for backgrounds
&.left {
@@ -130,22 +120,25 @@
left: 50%;
z-index: 15;
width: 100px;
- margin: 0 0 0 -50px;
+ margin-left: -50px;
+ padding-left: 0;
list-style: none;
text-align: center;
li {
display: inline-block;
- width: 8px;
- height: 8px;
- margin-left: 0;
- margin-right: 0;
+ width: 10px;
+ height: 10px;
+ margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
- border-radius: 5px;
+ border-radius: 10px;
cursor: pointer;
}
.active {
+ margin: 0;
+ width: 12px;
+ height: 12px;
background-color: #fff;
}
}