YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjusted backgrounds to be page specific

Browse Source
This commit is contained in:
Dominic Masters
2018-03-13 05:17:03 +11:00
parent 59158fde3a
commit db7a6be150
4 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/styles/components/_app.scss
View File

@ -17,4 +17,8 @@
min-height: 100vh; min-height: 100vh;
overflow-x: hidden; overflow-x: hidden;
position: relative; position: relative;
@extend %t-flexbox;
@include t-flex-wrap(wrap);
@include t-flex-flow(column);
} }

1
public/styles/components/_footer.scss
View File

@ -14,7 +14,6 @@ $c-footer--text-color: $s-color--text;
$c-footer--background-color: $s-color--background-default; $c-footer--background-color: $s-color--background-default;
.c-footer__ghost { .c-footer__ghost {
margin-top: 5em;
min-height: 3em; min-height: 3em;
} }

5
public/styles/components/_page.scss
View File

@ -3,10 +3,15 @@
* Styles for page elements * Styles for page elements
* *
* Dependencies: * Dependencies:
* styles/settings/colors.scss - Used for colors
* styles/tools/_gradients.scss - Used for background gradients.
* *
* Version: * Version:
* 1.0.0 - 2018/02/24 * 1.0.0 - 2018/02/24
*/ */
.c-page { .c-page {
min-height: 100%; min-height: 100%;
@include t-flex-grow(1);
@include t-gradient-directional($s-color--background-bottom, $s-color--background-top, 45deg);
padding-bottom: 5em;
} }

3
public/styles/elements/_body.scss
View File

@ -3,9 +3,7 @@
* Base Body Seettings * Base Body Seettings
* *
* Dependencies: * Dependencies:
* styles/settings/colors.scss - Used for colors
* styles/settings/typography.scss - Used for fonts * styles/settings/typography.scss - Used for fonts
* styles/tools/_gradients.scss - Used for background gradients.
* *
* Version: * Version:
* 1.0.0 - 2018/02/23 * 1.0.0 - 2018/02/23
@ -13,6 +11,5 @@
body { body {
font-family: $s-font--stack-default; font-family: $s-font--stack-default;
font-size: $s-font--size--base; font-size: $s-font--size--base;
@include t-gradient-directional($s-color--background-bottom, $s-color--background-top, 45deg);
min-height: 100%; min-height: 100%;
} }