From 4e878aab112b08a18f7285bbb0df1f20d38ee9cf Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Sat, 8 Jan 2022 18:42:06 +0100 Subject: chore: ensure 100vh height and improve Header/Footer styles --- src/styles/base/_base.scss | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) (limited to 'src/styles/base/_base.scss') diff --git a/src/styles/base/_base.scss b/src/styles/base/_base.scss index 745ee86..e786b17 100644 --- a/src/styles/base/_base.scss +++ b/src/styles/base/_base.scss @@ -1,4 +1,5 @@ @use "@styles/abstracts/functions" as fun; +@use "@styles/abstracts/mixins" as mix; audio, button, @@ -29,16 +30,27 @@ summary { } body { + display: flex; + flex-flow: column nowrap; + min-height: 100vh; background: var(--color-bg); - border-top: fun.convert-px(5) solid; + border-top: max(0.4vw, fun.convert-px(6)) solid; + border-bottom: max(0.4vw, fun.convert-px(6)) solid; border-image: radial-gradient( ellipse at top, - var(--color-highlight) 20%, + var(--color-primary-lighter) 20%, var(--color-primary) 100% ) - 5; + 1; color: var(--color-fg); font-family: var(--font-family-primary); font-size: var(--font-size-md); line-height: var(--line-height); } + +#__next { + flex: 1; + display: flex; + flex-flow: column nowrap; + height: 100%; +} -- cgit v1.2.3