From: Vladimír Vondruš Date: Thu, 2 Nov 2017 19:48:16 +0000 (+0100) Subject: css: better behaving background on short pages. X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=7844e00a6f93d379104896bcd5500a2f0bc9afcc;p=blog.git css: better behaving background on short pages. Previously, if the page was too short, the lighter footer background was not all the way down, looking ugly. Now the element has the footer background color and that's overriden by to the body background. Again, I hope this doesn't break anyone's site :) --- diff --git a/css/m-components.css b/css/m-components.css index fa46a39c..54c36faf 100644 --- a/css/m-components.css +++ b/css/m-components.css @@ -25,12 +25,13 @@ /* Globals */ html { font-size: var(--font-size); - background-color: var(--background-color); + background-color: var(--footer-background-color); } body { font-family: var(--font); font-size: 1rem; color: var(--color); + background-color: var(--background-color); } /* Block elements */ diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css index 59ee85e2..74d5fb42 100644 --- a/css/m-dark.compiled.css +++ b/css/m-dark.compiled.css @@ -389,12 +389,13 @@ body { margin: 0; } html { font-size: 16px; - background-color: #2f363f; + background-color: #444e5c; } body { font-family: 'Source Sans Pro', sans-serif; font-size: 1rem; color: #dcdcdc; + background-color: #2f363f; } h1, h2, h3, h4, h5, h6 { margin-top: 0; diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css index 1dff3603..022039c0 100644 --- a/css/m-light.compiled.css +++ b/css/m-light.compiled.css @@ -389,12 +389,13 @@ body { margin: 0; } html { font-size: 14px; - background-color: #ffffff; + background-color: #eeeeee; } body { font-family: 'Libre Baskerville', serif; font-size: 1rem; color: #000000; + background-color: #ffffff; } h1, h2, h3, h4, h5, h6 { margin-top: 0;