forked from mirror/_s
_s: Simplify the way we do responsive images. Props @philiparthurmoore.
Fixes #120.
This commit is contained in:
parent
a298e8c2bd
commit
f424711c65
23
style.css
23
style.css
|
@ -206,6 +206,10 @@ table {
|
|||
th {
|
||||
font-weight: bold;
|
||||
}
|
||||
img {
|
||||
height: auto; /* Make sure images are scaled correctly. */
|
||||
max-width: 100%; /* Adhere to container width. */
|
||||
}
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
|
@ -489,25 +493,6 @@ a:active {
|
|||
/* =Media
|
||||
----------------------------------------------- */
|
||||
|
||||
.site-header img,
|
||||
.entry-content img,
|
||||
.comment-content img,
|
||||
.widget img {
|
||||
max-width: 100%; /* Fluid images for posts, comments, and widgets */
|
||||
}
|
||||
.site-header img,
|
||||
.entry-content img,
|
||||
.comment-content img[height],
|
||||
img[class*="align"],
|
||||
img[class*="wp-image-"] {
|
||||
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
|
||||
}
|
||||
.site-header img,
|
||||
.entry-content img,
|
||||
img.size-full {
|
||||
max-width: 100%;
|
||||
width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
|
||||
}
|
||||
.entry-content img.wp-smiley,
|
||||
.comment-content img.wp-smiley {
|
||||
border: none;
|
||||
|
|
Reference in New Issue