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/layout/grid.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) (limited to 'public/css/layout/grid.css') diff --git a/public/css/layout/grid.css b/public/css/layout/grid.css index e3c8d59..2c2a847 100644 --- a/public/css/layout/grid.css +++ b/public/css/layout/grid.css @@ -63,4 +63,28 @@ var(--grid-gutter-width) * (var(--grid-column-count) - 3) ); margin-inline-end: 0; +} + +.grid-span-1.grid-prose-end { + margin-inline-start: calc( + var(--grid-column-width) * (var(--grid-prose-column-count) - 1) + + var(--grid-gutter-width) * (var(--grid-prose-column-count) - 1) + ); + margin-inline-end: 0; +} + +.grid-span-2.grid-prose-end { + margin-inline-start: calc( + var(--grid-column-width) * (var(--grid-prose-column-count) - 2) + + var(--grid-gutter-width) * (var(--grid-prose-column-count) - 2) + ); + margin-inline-end: 0; +} + +.grid-span-3.grid-prose-end { + margin-inline-start: calc( + var(--grid-column-width) * (var(--grid-prose-column-count) - 3) + + var(--grid-gutter-width) * (var(--grid-prose-column-count) - 3) + ); + margin-inline-end: 0; } \ No newline at end of file -- cgit v1.2.3