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 {
|
th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
img {
|
||||||
|
height: auto; /* Make sure images are scaled correctly. */
|
||||||
|
max-width: 100%; /* Adhere to container width. */
|
||||||
|
}
|
||||||
button,
|
button,
|
||||||
input,
|
input,
|
||||||
select,
|
select,
|
||||||
|
@ -489,25 +493,6 @@ a:active {
|
||||||
/* =Media
|
/* =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,
|
.entry-content img.wp-smiley,
|
||||||
.comment-content img.wp-smiley {
|
.comment-content img.wp-smiley {
|
||||||
border: none;
|
border: none;
|
||||||
|
|
Reference in New Issue