foster/website
1
0
Fork 0
Code Issues 8 Pull requests Activity

Change header styles

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

2
_components/header.tsx
View file

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

6
_includes/styles/components/header.scss
View file

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