From f424711c65a24071d40bbabe88e922d76a26aac2 Mon Sep 17 00:00:00 2001 From: obenland Date: Wed, 27 Mar 2013 11:37:20 -0700 Subject: [PATCH] _s: Simplify the way we do responsive images. Props @philiparthurmoore. Fixes #120. --- style.css | 23 ++++------------------- 1 file changed, 4 insertions(+), 19 deletions(-) diff --git a/style.css b/style.css index 03188d3..566678a 100644 --- a/style.css +++ b/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;