Change header styles

- Use Hubot Sans font family for author and timestamp.
- Remove italics of subheading.
This commit is contained in:
Foster Hangdaan 2023-11-29 13:12:49 -05:00
parent 6ece82ebc0
commit 8bfe718b41
Signed by: foster
GPG key ID: E48D7F49A852F112
2 changed files with 5 additions and 3 deletions

View file

@ -14,7 +14,7 @@ export default function(props: Props) {
<header className="page-header">
<h1>{ props.title }</h1>
{props.author &&
<p style={{ color: "var(--color-brown)" }}>
<p class="author" style={{ color: "var(--color-brown)" }}>
By {props.author.name} on <time dateTime={props.date.toISOString()}>{dateFormatted}</time>
</p>
}

View file

@ -15,7 +15,9 @@ .page-header {
letter-spacing: -0.02em;
}
}
p.subheading {
font-style: italic;
p.author {
font-family: var(--font--sans-serif-alt);
font-weight: 450;
font-stretch: 97%;
}
}