rayelliott
/
_s
Archived
forked from mirror/_s
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

_s: Simplify the way we do responsive images. Props @philiparthurmoore. 

Fixes #120.
This commit is contained in:
obenland 2013-03-27 11:37:20 -07:00
parent a298e8c2bd
commit f424711c65
1 changed files with 4 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
style.css
View File

@ -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;