From 7844e00a6f93d379104896bcd5500a2f0bc9afcc Mon Sep 17 00:00:00 2001 From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= Date: Thu, 2 Nov 2017 20:48:16 +0100 Subject: [PATCH] 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 :) --- css/m-components.css | 3 ++- css/m-dark.compiled.css | 3 ++- css/m-light.compiled.css | 3 ++- 3 files changed, 6 insertions(+), 3 deletions(-) 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; -- 2.30.2