summaryrefslogtreecommitdiff
path: root/public/css/layout
diff options
context:
space:
mode:
Diffstat (limited to 'public/css/layout')
-rw-r--r--public/css/layout/grid.css2
-rw-r--r--public/css/layout/grid.xl.css6
-rw-r--r--public/css/layout/index.css1
3 files changed, 8 insertions, 1 deletions
diff --git a/public/css/layout/grid.css b/public/css/layout/grid.css
index fc7ccee..cf0e9f9 100644
--- a/public/css/layout/grid.css
+++ b/public/css/layout/grid.css
@@ -30,7 +30,7 @@
width: calc(var(--grid-column-width) * 3 + var(--grid-gutter-width) * 2);
}
-.grid-span-6 {
+.grid-span-prose {
width: calc(
var(--grid-column-width) * min(6, var(--grid-column-count)) +
var(--grid-gutter-width) * min(5, (var(--grid-column-count) - 1))
diff --git a/public/css/layout/grid.xl.css b/public/css/layout/grid.xl.css
new file mode 100644
index 0000000..587fb2f
--- /dev/null
+++ b/public/css/layout/grid.xl.css
@@ -0,0 +1,6 @@
+.grid-span-prose {
+ width: calc(
+ var(--grid-column-width) * min(8, var(--grid-column-count)) +
+ var(--grid-gutter-width) * min(7, (var(--grid-column-count) - 1))
+ );
+ } \ No newline at end of file
diff --git a/public/css/layout/index.css b/public/css/layout/index.css
index 0d378e0..a5af1d1 100644
--- a/public/css/layout/index.css
+++ b/public/css/layout/index.css
@@ -1,3 +1,4 @@
@import './grid.css';
@import './grid.md.css' (min-width: 48rem);
+@import './grid.xl.css' (min-width: 120rem);
@import './section-margins.css'; \ No newline at end of file