rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

Fixes #5616: scope carousel state classes to immediate children only

Browse Source
This commit is contained in:
Mark Otto 2012-11-28 02:17:50 -08:00
parent bf3a5df371
commit 296b838405
2 changed files with 28 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
docs/assets/css/bootstrap.css vendored
View File

@ -5912,7 +5912,7 @@ a.badge:hover {
overflow: hidden;
}
.carousel .item {
.carousel > .item {
position: relative;
display: none;
-webkit-transition: 0.6s ease-in-out left;
@ -5921,46 +5921,46 @@ a.badge:hover {
transition: 0.6s ease-in-out left;
}
.carousel .item > img {
.carousel > .item > img {
display: block;
line-height: 1;
}
.carousel .active,
.carousel .next,
.carousel .prev {
.carousel > .active,
.carousel > .next,
.carousel > .prev {
display: block;
}
.carousel .active {
.carousel > .active {
left: 0;
}
.carousel .next,
.carousel .prev {
.carousel > .next,
.carousel > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel .next {
.carousel > .next {
left: 100%;
}
.carousel .prev {
.carousel > .prev {
left: -100%;
}
.carousel .next.left,
.carousel .prev.right {
.carousel > .next.left,
.carousel > .prev.right {
left: 0;
}
.carousel .active.left {
.carousel > .active.left {
left: -100%;
}
.carousel .active.right {
.carousel > .active.right {
left: 100%;
}

28
less/carousel.less
View File

@ -17,48 +17,48 @@
.carousel {
.item {
> .item {
display: none;
position: relative;
.transition(.6s ease-in-out left);
}
// Account for jankitude on images
.item > img {
> .item > img {
display: block;
line-height: 1;
}
.active,
.next,
.prev { display: block; }
> .active,
> .next,
> .prev { display: block; }
.active {
> .active {
left: 0;
}
.next,
.prev {
> .next,
> .prev {
position: absolute;
top: 0;
width: 100%;
}
.next {
> .next {
left: 100%;
}
.prev {
> .prev {
left: -100%;
}
.next.left,
.prev.right {
> .next.left,
> .prev.right {
left: 0;
}
.active.left {
> .active.left {
left: -100%;
}
.active.right {
> .active.right {
left: 100%;
}