diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-08 18:42:06 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-08 18:50:39 +0100 |
| commit | 4e878aab112b08a18f7285bbb0df1f20d38ee9cf (patch) | |
| tree | af083b2fca62aed8e29882421b729d228b77d7da /src/styles/base | |
| parent | a30ac67f560ff2b3bc2a462065ac5ddaf783682c (diff) | |
chore: ensure 100vh height and improve Header/Footer styles
Diffstat (limited to 'src/styles/base')
| -rw-r--r-- | src/styles/base/_base.scss | 18 | ||||
| -rw-r--r-- | src/styles/base/_spacings.scss | 2 |
2 files changed, 16 insertions, 4 deletions
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%; +} diff --git a/src/styles/base/_spacings.scss b/src/styles/base/_spacings.scss index 74c6fa9..7c71445 100644 --- a/src/styles/base/_spacings.scss +++ b/src/styles/base/_spacings.scss @@ -30,7 +30,7 @@ @include mix.media("screen") { @include mix.dimensions("sm") { :root { - --toolbar-size: 0; + --toolbar-size: 0px; } } } |