From db7a6be15046b1a22b20b8d25fe5507cfe99b893 Mon Sep 17 00:00:00 2001
From: Dominic Masters <dominic@domsplace.com>
Date: Tue, 13 Mar 2018 05:17:03 +1100
Subject: [PATCH] Adjusted backgrounds to be page specific

---
 public/styles/components/_app.scss    | 4 ++++
 public/styles/components/_footer.scss | 1 -
 public/styles/components/_page.scss   | 5 +++++
 public/styles/elements/_body.scss     | 3 ---
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/public/styles/components/_app.scss b/public/styles/components/_app.scss
index 3e390c5..fb9ed73 100644
--- a/public/styles/components/_app.scss
+++ b/public/styles/components/_app.scss
@@ -17,4 +17,8 @@
   min-height: 100vh;
   overflow-x: hidden;
   position: relative;
+
+  @extend %t-flexbox;
+  @include t-flex-wrap(wrap);
+  @include t-flex-flow(column);
 }
diff --git a/public/styles/components/_footer.scss b/public/styles/components/_footer.scss
index 2cc9279..5b1c03d 100644
--- a/public/styles/components/_footer.scss
+++ b/public/styles/components/_footer.scss
@@ -14,7 +14,6 @@ $c-footer--text-color: $s-color--text;
 $c-footer--background-color: $s-color--background-default;
 
 .c-footer__ghost {
-  margin-top: 5em;
   min-height: 3em;
 }
 
diff --git a/public/styles/components/_page.scss b/public/styles/components/_page.scss
index af5459c..daa00c8 100644
--- a/public/styles/components/_page.scss
+++ b/public/styles/components/_page.scss
@@ -3,10 +3,15 @@
  *    Styles for page elements
  *
  *  Dependencies:
+ *    styles/settings/colors.scss - Used for colors
+ *    styles/tools/_gradients.scss - Used for background gradients.
  *
  *  Version:
  *    1.0.0 - 2018/02/24
  */
 .c-page {
   min-height: 100%;
+  @include t-flex-grow(1);
+  @include t-gradient-directional($s-color--background-bottom, $s-color--background-top, 45deg);
+  padding-bottom: 5em;
 }
diff --git a/public/styles/elements/_body.scss b/public/styles/elements/_body.scss
index 384a3ee..650eaf9 100644
--- a/public/styles/elements/_body.scss
+++ b/public/styles/elements/_body.scss
@@ -3,9 +3,7 @@
  *    Base Body Seettings
  *
  *  Dependencies:
- *    styles/settings/colors.scss - Used for colors
  *    styles/settings/typography.scss - Used for fonts
- *    styles/tools/_gradients.scss - Used for background gradients.
  *
  *  Version:
  *    1.0.0 - 2018/02/23
@@ -13,6 +11,5 @@
 body {
   font-family: $s-font--stack-default;
   font-size: $s-font--size--base;
-  @include t-gradient-directional($s-color--background-bottom, $s-color--background-top, 45deg);
   min-height: 100%;
 }