From c151d65c12bb2879c0b66e7e1b9ece5bea35ea7a Mon Sep 17 00:00:00 2001 From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> Date: Wed, 23 Aug 2023 19:11:31 +0100 Subject: Better prose width handling --- public/css/variables/spacing.css | 5 +++-- public/css/variables/spacing.lg.css | 1 + public/css/variables/spacing.md.css | 1 + public/css/variables/spacing.xl.css | 1 + public/css/variables/spacing.xxl.css | 1 + 5 files changed, 7 insertions(+), 2 deletions(-) (limited to 'public/css/variables') diff --git a/public/css/variables/spacing.css b/public/css/variables/spacing.css index 2bbb013..3ca646c 100644 --- a/public/css/variables/spacing.css +++ b/public/css/variables/spacing.css @@ -24,8 +24,8 @@ var(--grid-total-width) / var(--grid-total-relative-eighth-rem-width) ); --width-prose: calc( - var(--grid-column-width) * min(6, var(--grid-column-count)) + - var(--grid-gutter-width) * min(5, (var(--grid-column-count) - 1)) + var(--grid-column-width) * var(--grid-prose-column-count) + + var(--grid-gutter-width) * (var(--grid-prose-column-count) - 1) ); --grid-column-width-relative-eighth-rem: 32; @@ -36,4 +36,5 @@ --grid-total-width: 30rem; --grid-padding-start-relative-eighth-rem: 12; --grid-column-count: 4; + --grid-prose-column-count: 4; } diff --git a/public/css/variables/spacing.lg.css b/public/css/variables/spacing.lg.css index f7a3cea..5c3f78c 100644 --- a/public/css/variables/spacing.lg.css +++ b/public/css/variables/spacing.lg.css @@ -2,4 +2,5 @@ --grid-total-width: 64rem; --grid-padding-start-relative-eighth-rem: 20; --grid-column-count: 12; + --grid-prose-column-count: 8; } \ No newline at end of file diff --git a/public/css/variables/spacing.md.css b/public/css/variables/spacing.md.css index 814b662..4b66743 100644 --- a/public/css/variables/spacing.md.css +++ b/public/css/variables/spacing.md.css @@ -2,4 +2,5 @@ --grid-total-width: 48rem; --grid-padding-start-relative-eighth-rem: 16; --grid-column-count: 8; + --grid-prose-column-count: 8; } \ No newline at end of file diff --git a/public/css/variables/spacing.xl.css b/public/css/variables/spacing.xl.css index 6fe02f2..1481962 100644 --- a/public/css/variables/spacing.xl.css +++ b/public/css/variables/spacing.xl.css @@ -2,6 +2,7 @@ --grid-total-width: 80rem; --grid-padding-start-relative-eighth-rem: 26; --grid-column-count: 12; + --grid-prose-column-count: 8; --width-prose: calc( var(--grid-column-width) * min(8, var(--grid-column-count)) + var(--grid-gutter-width) * min(7, (var(--grid-column-count) - 1)) diff --git a/public/css/variables/spacing.xxl.css b/public/css/variables/spacing.xxl.css index 24812ff..e584668 100644 --- a/public/css/variables/spacing.xxl.css +++ b/public/css/variables/spacing.xxl.css @@ -2,4 +2,5 @@ --grid-total-width: 100rem; --grid-padding-start-relative-eighth-rem: 32; --grid-column-count: 12; + --grid-prose-column-count: 8; } \ No newline at end of file -- cgit v1.2.3