Apply background colour to the html element.
authorNick Bowler <nbowler@draconx.ca>
Wed, 11 May 2022 03:37:57 +0000 (23:37 -0400)
committerNick Bowler <nbowler@draconx.ca>
Wed, 11 May 2022 03:56:18 +0000 (23:56 -0400)
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.

content/style.scss

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