From 19ef31a94400ba7b68745eb77354eca0f4e01dba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Josh=20Goldberg=20=E2=9C=A8?= Date: Tue, 3 Sep 2024 19:06:01 -0400 Subject: [PATCH] fix: stretch html to min-height: 100% (#110) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## PR Checklist - [x] Addresses an existing open issue: fixes #87 - [x] That issue was marked as [`status: accepting prs`](https://github.com/JoshuaKGoldberg/SquiggleConf/issues?q=is%3Aopen+is%3Aissue+label%3A%22status%3A+accepting+prs%22) - [x] Steps in [CONTRIBUTING.md](https://github.com/JoshuaKGoldberg/SquiggleConf/blob/main/.github/CONTRIBUTING.md) were taken ## Overview Makes the `` take up _at least_ 100% of its parent, the viewport. This should stop vertical background cropping on big and/or zoomed-out screens. 💖 --- src/layouts/base.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/layouts/base.css b/src/layouts/base.css index b3a3d93..90c71d4 100644 --- a/src/layouts/base.css +++ b/src/layouts/base.css @@ -58,6 +58,10 @@ --widthBodyPadding: clamp(1rem, 5vw, 2rem); } + html { + min-height: 100%; + } + html.dark { color-scheme: dark;