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 727a865d905e27c56f60e460088c6217e51e31f6..2708bb462e00c701f9b563fe9dec8ac94f67d9e5 100644 (file)
--- 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 {