From 14736726a4bcaeb4b71f456c98714d3292265f38 Mon Sep 17 00:00:00 2001 From: Fredrik Jonsson Date: Fri, 3 Apr 2026 21:29:33 +0200 Subject: [PATCH] Add scrollbar-gutter: stable and use min-height: 100svh. --- assets/css/layouts/_layouts.css | 1 - assets/css/reset/_reset.css | 5 ++++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/assets/css/layouts/_layouts.css b/assets/css/layouts/_layouts.css index e7b0abb..fcc03ba 100644 --- a/assets/css/layouts/_layouts.css +++ b/assets/css/layouts/_layouts.css @@ -7,7 +7,6 @@ @media (min-width: 666px) { margin-inline: auto; - min-height: 100vh; min-height: 100svh; } } diff --git a/assets/css/reset/_reset.css b/assets/css/reset/_reset.css index 389a1c7..96f3074 100644 --- a/assets/css/reset/_reset.css +++ b/assets/css/reset/_reset.css @@ -30,6 +30,9 @@ /* Improve text rendering. */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + + /* Always keep space for the scrollbar */ + scrollbar-gutter: stable; } /* Sections */ @@ -41,7 +44,7 @@ /* On short pages, we want the body to fill the entire height */ /* of the browser. */ - min-height: 100vh; + min-height: 100svh; } /* Embedded content */