From b3a38f4c7dbca23ab07bcf06aa8d2a72ea068246 Mon Sep 17 00:00:00 2001 From: Eryn Wells Date: Sun, 19 Nov 2023 07:27:31 -0800 Subject: [PATCH] Define start and end line names for each content column --- assets/styles/root/002_layout.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/assets/styles/root/002_layout.css b/assets/styles/root/002_layout.css index b9ad499..1505ce9 100644 --- a/assets/styles/root/002_layout.css +++ b/assets/styles/root/002_layout.css @@ -22,10 +22,12 @@ var(--gutter-width) [gutter-left-end content-start] repeat(var(--content-columns), + [column-start] min( calc((100% - 2 * var(--gutter-width)) / var(--content-columns)), calc(var(--content-width) / var(--content-columns)) ) + [column-end] ) [content-end gutter-right-start] var(--gutter-width) @@ -52,7 +54,15 @@ [margin-left wide-content-start wide-content-left-start wide-content-left-end gutter-start gutter-left-start] var(--gutter-width) [gutter-left-end content-start] - repeat(var(--content-columns), min(calc((100% - 2 * var(--gutter-width)) / var(--content-columns)), calc(var(--content-width) / var(--content-columns)))) + repeat( + var(--content-columns), + [column-start] + min( + calc((100% - 2 * var(--gutter-width)) / var(--content-columns)), + calc(var(--content-width) / var(--content-columns)) + ) + [column-end] + ) [content-end gutter-right-start] var(--gutter-width) [gutter-right-end gutter-end wide-content-right-start wide-content-right-end wide-content-end margin-right];