diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-22 09:22:45 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-22 09:22:45 +0100 |
| commit | 06bf980b67ee61334c0c760f2d36c856f3c63e69 (patch) | |
| tree | 78f3353a362b399db37e5726116cb22fd6208a3f /public/css/layout | |
| parent | 946a87ccc8fa70382115a91a3b7efe49b4cb38a1 (diff) | |
Responsive design up to very large screens
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 |