diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-20 08:13:21 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-20 08:13:21 +0100 |
| commit | f62106c14559bbf541bacfca99dc29571d6c8066 (patch) | |
| tree | 256bc393653830fbd55f7a422b7df8481f0571fc /public/css/layout/grid.md.css | |
| parent | 78cbbc5b75822614f5ba5fabc68a8c0f39c4cb28 (diff) | |
Content grid is centred on mobile screens
Diffstat (limited to 'public/css/layout/grid.md.css')
| -rw-r--r-- | public/css/layout/grid.md.css | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/public/css/layout/grid.md.css b/public/css/layout/grid.md.css new file mode 100644 index 0000000..5a681c1 --- /dev/null +++ b/public/css/layout/grid.md.css @@ -0,0 +1,14 @@ +:is( + header, + footer, + nav, + :is(main, article) > section:not(:is(section, header) :is(section, header)) +) { + padding-inline-start: var(--grid-padding-start); + padding-inline-end: calc( + 100vw - (var(--grid-padding-start) + ( + var(--grid-column-width) * var(--grid-column-count) + + var(--grid-gutter-width) * (var(--grid-column-count) - 1) + )) + ); +}
\ No newline at end of file |