chiark / gitweb /
~cjwatson / blog.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 46dcbc0)
css: better behaving background on short pages.
authorVladimír Vondruš <mosra@centrum.cz>
Thu, 2 Nov 2017 19:48:16 +0000 (20:48 +0100)
committerVladimír Vondruš <mosra@centrum.cz>
Thu, 2 Nov 2017 20:20:53 +0000 (21:20 +0100)
Previously, if the page was too short, the lighter footer background was
not all the way down, looking ugly. Now the <html> element has the
footer background color and that's overriden by <body> to the body
background.

Again, I hope this doesn't break anyone's site :)

css/m-components.css patch | blob | history
css/m-dark.compiled.css patch | blob | history
css/m-light.compiled.css patch | blob | history

diff --git a/css/m-components.css b/css/m-components.css
index fa46a39cdb9b9008f3951e4ebbdddfa3654d2d05..54c36faf26b102e1be3de3e2e4929362811dc795 100644 (file)
--- 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 59ee85e2080988d151dcaa2951480f51f6ec067f..74d5fb4287a85de80e4f782ede97013167417bf2 100644 (file)
--- 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 1dff3603f8a3ee621d4a4737ff087c389d505929..022039c0d06791c7703a86c2e52d3dbaae14271a 100644 (file)
--- 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;
Colin Watson's blog