From 61c1ed64185624d7c0afa698394b251619b8af41 Mon Sep 17 00:00:00 2001 From: Robert Günzler Date: Fri, 7 Mar 2025 01:45:26 +0100 Subject: add helper styles for making fullscreen pages MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Robert Günzler --- links/main.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) (limited to 'links/main.css') diff --git a/links/main.css b/links/main.css index e538dd1..3172879 100644 --- a/links/main.css +++ b/links/main.css @@ -345,6 +345,22 @@ ul.nobull li { display: none } +.fullpage { + /* + * NOTE: 7rem = the height of header + footer, then the spacing between + * header and content and footer and line and content + */ + --header-and-footer-max-height: calc(7rem + (var(--body-spacing) * 3)); + + width: calc(100vw - (var(--body-spacing) * 2)); + height: calc(100vh - (var(--body-spacing) * 2) - var(--header-and-footer-max-height)); +} + +.center { + display: grid; + place-items: center; +} + /* theme */ @media (prefers-color-scheme: dark) { -- cgit 1.4.1