From 4e98408c6837c5d4e69b162b15b0420f747cb195 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 15 Jun 2021 21:15:38 +0200
Subject: Use 100vh to make fullscreen sections occupy the whole viewport

---
 assets/css/_basics.scss          | 7 -------
 assets/css/layouts/_section.scss | 2 +-
 2 files changed, 1 insertion(+), 8 deletions(-)

(limited to 'assets/css')

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 {
     font-feature-settings: 'calt' 0, 'dlig' 1, 'ss09' 1;
 }
 
-html,
-body,
-main {
-    box-sizing: border-box;
-    height:     100%;
-}
-
 html {
     background-color: prop(--colors --bg);
     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 @@
 
         @include modifier('fullscreen') {
             box-sizing:     border-box;
-            min-height:     100%;
+            min-height:     100vh;
             margin-bottom:  calc(-1 * #{prop(--dims --outer, $global: true)});
             padding-bottom: prop(--dims --outer, $global: true);
         }
-- 
cgit v1.2.3-54-g00ecf