summaryrefslogtreecommitdiff
path: root/public/css/layout/grid.css
diff options
context:
space:
mode:
authorJoe Carstairs <65492573+Sycamost@users.noreply.github.com>2023-08-23 19:11:31 +0100
committerJoe Carstairs <65492573+Sycamost@users.noreply.github.com>2023-08-23 19:11:31 +0100
commitc151d65c12bb2879c0b66e7e1b9ece5bea35ea7a (patch)
treec106da439da722c1f5c56e2a38f2423902eda60b /public/css/layout/grid.css
parent46f83e14bc0dca5376f21eb265d597a6ccf21d0c (diff)
Better prose width handling
Diffstat (limited to 'public/css/layout/grid.css')
-rw-r--r--public/css/layout/grid.css24
1 files changed, 24 insertions, 0 deletions
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