From: Nick Bowler <nbowler@draconx.ca>
Date: Wed, 11 May 2022 03:37:57 +0000 (-0400)
Subject: Apply background colour to the html element.
X-Git-Url: https://git.draconx.ca/gitweb/homepage.git/commitdiff_plain/15534a5cb2aa7bf871f27d25c5d560168ab9d224?ds=sidebyside

Apply background colour to the html element.

Older versions of Mozilla do not colour the entire window when
the style is applied to the body element.  Using the html element
instead seems to do the job.
---

diff --git a/content/style.scss b/content/style.scss
index 727a865..2708bb4 100644
--- a/content/style.scss
+++ b/content/style.scss
@@ -40,14 +40,11 @@
     max-width: 1em * ($maxwidth / $fontsize);
 }
 
+html { @include usecolours($background-color: background); }
 body {
+    @include usecolours($color: foreground);
     font-family: sans-serif;
     margin: 1em;
-
-    @include usecolours
-        ( $background-color: background
-        , $color: foreground
-        );
 }
 
 a:link {