diff options
Diffstat (limited to 'public/css/layout')
| -rw-r--r-- | public/css/layout/grid.css | 2 | ||||
| -rw-r--r-- | public/css/layout/grid.xl.css | 6 | ||||
| -rw-r--r-- | public/css/layout/index.css | 1 |
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 |
