eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Define start and end line names for each content column

Browse source
This commit is contained in:
Eryn Wells 2023-11-19 07:27:31 -08:00
parent 14cf9750d4
commit b3a38f4c7d
1 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

12
assets/styles/root/002_layout.css
View file

@ -22,10 +22,12 @@
var(--gutter-width)
[gutter-left-end content-start]
repeat(var(--content-columns),
[column-start]
min(
calc((100% - 2 * var(--gutter-width)) / var(--content-columns)),
calc(var(--content-width) / var(--content-columns))
)
[column-end]
)
[content-end gutter-right-start]
var(--gutter-width)
@ -52,7 +54,15 @@
[margin-left wide-content-start wide-content-left-start wide-content-left-end gutter-start gutter-left-start]
var(--gutter-width)
[gutter-left-end content-start]
repeat(var(--content-columns), min(calc((100% - 2 * var(--gutter-width)) / var(--content-columns)), calc(var(--content-width) / var(--content-columns))))
repeat(
var(--content-columns),
[column-start]
min(
calc((100% - 2 * var(--gutter-width)) / var(--content-columns)),
calc(var(--content-width) / var(--content-columns))
)
[column-end]
)
[content-end gutter-right-start]
var(--gutter-width)
[gutter-right-end gutter-end wide-content-right-start wide-content-right-end wide-content-end margin-right];