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

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 {