Add a page header to the list, single, and taxonomy templates
This commit is contained in:
parent
2878dd8d60
commit
54c371d7e6
5 changed files with 62 additions and 0 deletions
39
assets/css/099_page_header.css
Normal file
39
assets/css/099_page_header.css
Normal 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;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue