summaryrefslogtreecommitdiffstats
path: root/assets
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-06-15 21:15:38 +0200
committerVolpeon <git@volpeon.ink>2021-06-15 21:15:38 +0200
commit4e98408c6837c5d4e69b162b15b0420f747cb195 (patch)
tree305a20e39dd14ca358df45d9131366f7666ce361 /assets
parentRename DJ entry (diff)
downloadvolpeon.ink-4e98408c6837c5d4e69b162b15b0420f747cb195.tar.gz
volpeon.ink-4e98408c6837c5d4e69b162b15b0420f747cb195.tar.bz2
volpeon.ink-4e98408c6837c5d4e69b162b15b0420f747cb195.zip
Use 100vh to make fullscreen sections occupy the whole viewport
Diffstat (limited to 'assets')
-rw-r--r--assets/css/_basics.scss7
-rw-r--r--assets/css/layouts/_section.scss2
2 files changed, 1 insertions, 8 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 9a6a53e..8857121 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -18,13 +18,6 @@ code {
18 font-feature-settings: 'calt' 0, 'dlig' 1, 'ss09' 1; 18 font-feature-settings: 'calt' 0, 'dlig' 1, 'ss09' 1;
19} 19}
20 20
21html,
22body,
23main {
24 box-sizing: border-box;
25 height: 100%;
26}
27
28html { 21html {
29 background-color: prop(--colors --bg); 22 background-color: prop(--colors --bg);
30 color: prop(--colors --fg); 23 color: prop(--colors --fg);
diff --git a/assets/css/layouts/_section.scss b/assets/css/layouts/_section.scss
index 7c1cc9b..e8b1617 100644
--- a/assets/css/layouts/_section.scss
+++ b/assets/css/layouts/_section.scss
@@ -17,7 +17,7 @@
17 17
18 @include modifier('fullscreen') { 18 @include modifier('fullscreen') {
19 box-sizing: border-box; 19 box-sizing: border-box;
20 min-height: 100%; 20 min-height: 100vh;
21 margin-bottom: calc(-1 * #{prop(--dims --outer, $global: true)}); 21 margin-bottom: calc(-1 * #{prop(--dims --outer, $global: true)});
22 padding-bottom: prop(--dims --outer, $global: true); 22 padding-bottom: prop(--dims --outer, $global: true);
23 } 23 }