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

Allow pages to specify a two-column layout

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

13
assets/styles/root.css
View file

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

3
layouts/partials/single_main.html
View file

@ -1,6 +1,9 @@
{{ partial "content_header.html" . }} {{ partial "content_header.html" . }}
{{- $layout := .Params.layout -}}
<article{{ with $layout }} class="{{ . }}"{{ end }}>
{{ .Content }} {{ .Content }}
</article>
<footer> <footer>
{{ partial "footer_tags.html" . }} {{ partial "footer_tags.html" . }}