Add a page header to the list, single, and taxonomy templates

This commit is contained in:
Eryn Wells 2024-07-23 08:51:03 -07:00
parent 2878dd8d60
commit 54c371d7e6
5 changed files with 62 additions and 0 deletions

View file

@ -0,0 +1,39 @@
.page-header {
font-family: var(--font-family-monospace);
grid-column: main-start / main-end;
margin-block: var(--space-xl) var(--space-l);
/* margin-block-start is set by the grid */
&:first-child,
.page-header__title:first-child
{
margin-block-start: 0;
}
:last-child {
margin-block-end: 0;
}
.page-header__title {
font-family: var(--font-family-monospace);
font-size: var(--text-xxl);
line-height: 1.2;
margin-block: var(--space-xs);
&:only-child {
margin-block-end: 0;
}
}
.page-header__subtitle {
color: var(--gray3);
font-size: var(--text-m);
}
.page-date {
display: block;
font-family: var(--font-family-body);
font-size: var(--text-s);
margin-block: var(--space-paragraph) 0;
}
}