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