Add the series to the content header

This commit is contained in:
Eryn Wells 2022-10-31 08:41:24 -07:00
parent c74741f5c5
commit f1d5b2ef58
4 changed files with 40 additions and 19 deletions

View file

@ -40,6 +40,7 @@
--body-code-background-color: rgb(var(--super-lt-gray));
--heading-color: rgb(var(--black));
--header-series-arrow-foreground-color: rgb(var(--sub-dk-gray));
--html-background-color: rgb(var(--white));
--html-color: rgba(var(--black), 0.8);
@ -71,6 +72,7 @@
--body-code-background-color: rgb(var(--dk-gray));
--heading-color: rgb(var(--white));
--header-series-arrow-foreground-color: rgb(var(--super-dk-gray));
--html-background-color: rgb(var(--black));
--html-color: rgba(var(--white), 0.8);
@ -345,6 +347,10 @@ main {
width: 100%;
}
main > header {
margin-bottom: var(--body-item-spacing);
}
main > :first-child { margin-block-start: 0; }
main > :last-child { margin-block-end: 0; }
@ -394,6 +400,18 @@ ol ol {
margin-inline-start: var(--body-item-spacing);
}
header > span.series {
font-size: 1.75rem;
letter-spacing: 1px;
margin-inline-start: 0.5em;
}
header > span.series::before {
color: var(--header-series-arrow-foreground-color);
content: "↳";
margin-inline-end: 0.25em;
}
.post-list {
list-style: none;
margin: 0;
@ -423,7 +441,6 @@ ol ol {
display: flex;
flex-wrap: wrap;
gap: 0 4rem;
margin-bottom: var(--body-item-spacing);
}
.post-title h1 {