fixes #9445: make img responsive mixin use display block, but provide option to pass custom value to it
This commit is contained in:
parent
0456e5e4b3
commit
622fe05ff4
|
@ -344,12 +344,6 @@ img {
|
|||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.img-responsive {
|
||||
display: inline-block;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.img-rounded {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
@ -4567,7 +4561,7 @@ button.close {
|
|||
|
||||
.thumbnail > img,
|
||||
.img-thumbnail {
|
||||
display: inline-block;
|
||||
display: block;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
@ -4872,7 +4866,7 @@ a.list-group-item.active > .badge,
|
|||
|
||||
.carousel-inner > .item > img,
|
||||
.carousel-inner > .item > a > img {
|
||||
display: inline-block;
|
||||
display: block;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
line-height: 1;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -73,8 +73,8 @@ img {
|
|||
}
|
||||
|
||||
// Responsive images (ensure images don't scale beyond their parents)
|
||||
.img-responsive {
|
||||
display: inline-block;
|
||||
.img-responsive(@display: block;) {
|
||||
display: @display;
|
||||
max-width: 100%; // Part 1: Set a maximum relative to the parent
|
||||
height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue