MDL-42195 Bootstrap - put border and vertical-align back in the reset for all images

This commit is contained in:
Damyon Wiese 2014-04-08 17:02:58 +08:00
parent d175d25adc
commit 86bd7af5be
3 changed files with 6 additions and 4 deletions

View File

@ -78,16 +78,18 @@ sub {
// Backport of syntax from Bootstrap 3.
// Images are not responsive by default - you must add img-responsive class to get this behaviour.
// MDL-42195 (img changed to img.img-responsive)
// MDL-42195 (img changed to img.img-responsive, vertical-align and border split into their own rule.)
img.img-responsive {
/* Responsive images (ensure images don't scale beyond their parents) */
max-width: 100%; /* Part 1: Set a maxium relative to the parent */
width: auto\9; /* IE7-8 need help adjusting responsive images */
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
-ms-interpolation-mode: bicubic;
}
img {
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
// Prevent max-width from affecting Google Maps

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long