From 3107405da39995950fe8dabd45de4718d68c69ea Mon Sep 17 00:00:00 2001 From: Nico Date: Tue, 3 Feb 2026 23:13:51 +1100 Subject: [PATCH] make gaps a variable --- bundle.css | 20 +++++++++++++++----- index.html | 2 +- 2 files changed, 16 insertions(+), 6 deletions(-) diff --git a/bundle.css b/bundle.css index 21a8d9c..338f4b4 100644 --- a/bundle.css +++ b/bundle.css @@ -2,7 +2,8 @@ color-scheme: light dark; --background: light-dark(#FFADD6, black); --text: light-dark(black, white); - --rounding: 25px; + --rounding: 30px; + --gaps: 30px; } @media (prefers-color-scheme: light) { @@ -55,12 +56,16 @@ i { color: var(--primary); } +/* + * main content area + */ + #content { - width: calc(100vw - 50px); - height: calc(100vh - 50px); + width: calc(100vw - var(--gaps)*2); + min-height: calc(100vh - var(--gaps)*2); display: flex; - margin: 25px; + margin: var(--gaps); } #content > * { @@ -72,12 +77,17 @@ i { #bg-overlay { min-width: 50vw; - margin-left: 12px; + margin-left: var(--gaps); max-width: 100vw; flex-grow: 1; padding: 12px; } + +/* + * header/nav bar side bar whatevr + */ + header h1 { writing-mode: vertical-lr; text-orientation: mixed; diff --git a/index.html b/index.html index f5d1cf2..794f088 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@
-
+

astolfo.org