diff options
Diffstat (limited to 'website/public/css/base.css')
| -rw-r--r-- | website/public/css/base.css | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/website/public/css/base.css b/website/public/css/base.css index db6c1dc..b38c934 100644 --- a/website/public/css/base.css +++ b/website/public/css/base.css @@ -24,6 +24,7 @@ --colour-hyperlink-95: #e0f1ff; --colour-primary-fg: var(--colour-primary-90); + --colour-primary-fg-accent: var(--colour-primary-80); --colour-primary-bg: var(--colour-primary-10); --colour-hyperlink: var(--colour-hyperlink-80); @@ -47,6 +48,7 @@ @media (prefers-color-scheme: light) { :root { --colour-primary-fg: var(--colour-primary-20); + --colour-primary-fg-accent: var(--colour-primary-40); --colour-primary-bg: var(--colour-primary-95); --colour-hyperlink: var(--colour-hyperlink-40); } @@ -91,7 +93,12 @@ body { @media (min-width: 36rem) { body { display: grid; - grid-template-columns: [media-start] 6rem [content-start] 1fr [content-end]; + grid-template-columns: + [media-start] + 6rem + [content-start] + minmax(calc(36rem - var(--spacing-block-lg) - 6rem - var(--spacing-block-sm) - 6rem), auto) + [content-end]; margin-inline-end: 6rem; column-gap: var(--spacing-block-sm); max-width: calc(6rem + var(--spacing-block-sm) + 30rem); |
