From 6e1b73cee72f70c16b859f61a721157f2119db5f Mon Sep 17 00:00:00 2001 From: Cassie Jones Date: Tue, 12 Nov 2019 00:06:13 -0500 Subject: [PATCH] Add background color to images If an image is loading on a slow connection, it displays progressively and there's a large blank region where the image will be. Giving it a background color makes the eventual shape of the image display more clearly. --- _includes/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_includes/style.css b/_includes/style.css index 84cbbad..a2879fa 100644 --- a/_includes/style.css +++ b/_includes/style.css @@ -23,7 +23,7 @@ blockquote { /* Figures */ /* @TODO: Make this width managing simpler? */ -img { max-width: 800px; border-radius: 4px; } +img { max-width: 800px; border-radius: 4px; background: #f5f2f0; } @media (max-width: 825px) { img { max-width: calc(100vw - 1em); } } figure { margin: 0; } figcaption > :first-child, aside > :first-child { margin-top: 0; } -- 2.43.2