footer now extends full height of window

2 files changed, 17 insertions, 0 deletions

diff --git a/assets/css/alaveteli-org.css b/assets/css/alaveteli-org.css
index 881598918..9154ce1dd 100644
--- a/assets/css/alaveteli-org.css
+++ b/assets/css/alaveteli-org.css
@@ -25,6 +25,14 @@
   text-align: center; }
 
 /* Alaveteli's purple */
+html {
+  background-color: #333333;
+  height: 100%;
+  min-height: 100%; }
+
+body {
+  background-color: transparent; }
+
 .hero, .what-is-alaveteli, .how-does-it-work, .features, .get-started, .about__intro, .deployments__intro {
   padding: 2em 0; }
   @media (min-width: 40em) {
diff --git a/assets/sass/alaveteli-org.scss b/assets/sass/alaveteli-org.scss
index f8a3da8c3..2363607c3 100644
--- a/assets/sass/alaveteli-org.scss
+++ b/assets/sass/alaveteli-org.scss
@@ -4,6 +4,15 @@
 
 $high-dpi-screen: '-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi';
 
+html {
+    background-color: $colour_black;
+    height: 100%;
+    min-height: 100%;
+}
+
+body {
+    background-color: transparent;
+}
 
 %full-width-section {
     padding: 2em 0;