joeac/joeac.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Improves base grid column template definition

Browse Source
This commit is contained in:
Joe Carstairs
2024-06-17 22:34:20 +01:00
parent dba5bfc33a
commit ea8f27e397
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
website/public/css/base.css
View File

@@ -93,7 +93,12 @@ body {
@media (min-width: 36rem) { @media (min-width: 36rem) {
body { body {
display: grid; display: grid;
grid-template-columns: [media-start] 6rem [content-start] 1fr [content-end]; grid-template-columns:
[media-start]
6rem
[content-start]
minmax(calc(36rem - var(--spacing-block-lg) - 6rem - var(--spacing-block-sm) - 6rem), auto)
[content-end];
margin-inline-end: 6rem; margin-inline-end: 6rem;
column-gap: var(--spacing-block-sm); column-gap: var(--spacing-block-sm);
max-width: calc(6rem + var(--spacing-block-sm) + 30rem); max-width: calc(6rem + var(--spacing-block-sm) + 30rem);