Use 100vh to make fullscreen sections occupy the whole viewport

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 {
     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);
         }