Adjusted backgrounds to be page specific

This commit is contained in:
2018-03-13 05:17:03 +11:00
parent 59158fde3a
commit db7a6be150
4 changed files with 9 additions and 4 deletions

View File

@ -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);
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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%;
}