use :extend(.img-responsive) in Carousel's Less

This commit is contained in:
Chris Rebert 2014-02-06 15:52:26 -08:00
parent 651b289e26
commit 7c1511502e
2 changed files with 4 additions and 5 deletions

View File

@ -307,7 +307,9 @@ figure {
img { img {
vertical-align: middle; vertical-align: middle;
} }
.img-responsive { .img-responsive,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block; display: block;
max-width: 100%; max-width: 100%;
height: auto; height: auto;
@ -5421,9 +5423,6 @@ button.close {
} }
.carousel-inner > .item > img, .carousel-inner > .item > img,
.carousel-inner > .item > a > img { .carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
line-height: 1; line-height: 1;
} }
.carousel-inner > .active, .carousel-inner > .active,

View File

@ -21,7 +21,7 @@
// Account for jankitude on images // Account for jankitude on images
> img, > img,
> a > img { > a > img {
.img-responsive(); &:extend(.img-responsive);
line-height: 1; line-height: 1;
} }
} }