Allow pages to specify a two-column layout

This commit is contained in:
Eryn Wells 2023-02-01 09:10:21 -08:00
parent 12a3fc6e59
commit 5deda1c5ee
2 changed files with 13 additions and 3 deletions

View file

@ -129,6 +129,10 @@ a.hover-only:hover {
transition: color 0.2s;
}
article.two-column {
columns: 2;
}
blockquote {
border-inline-start: 4px solid var(--separator-color);
padding-inline-start: 2rem;
@ -380,9 +384,12 @@ header.site > .grid > nav > li {
header.site > .grid > nav > .active { font-weight: bold; }
main > :first-child { margin-block-start: 0; }
main > :not(:last-child) { margin-block-end: var(--body-item-spacing); }
main > :last-child { margin-block-end: 0; }
main > :first-child,
main > article > :first-child { margin-block-start: 0; }
main > :not(:last-child),
main > article > :not(:last-child) { margin-block-end: var(--body-item-spacing); }
main > :last-child,
main > article > :last-child { margin-block-end: 0; }
nav.bulleted > li:first-child::before {
color: var(--html-color);