sidski/kjelsrud.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

💄 minimize font size on headings

Browse source
This commit is contained in:
Sindre Kjelsrud 2023-12-09 23:47:46 +01:00
parent 085c650bc7
commit bfdc04e02f
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/layouts/Layout.astro
View file

@ -11,7 +11,7 @@ const {frontmatter} = Astro.props;
<SectionContainer> <SectionContainer>
<main class="flex flex-col flex-1 mb-auto break-words mt-4"> <main class="flex flex-col flex-1 mb-auto break-words mt-4">
<article> <article>
<h1 class="text-4xl font-extrabold">{frontmatter.title}</h1> <h1 class="text-3xl font-extrabold">{frontmatter.title}</h1>
<p class="italic mb-4">{frontmatter.description}</p> <p class="italic mb-4">{frontmatter.description}</p>
<div class="blog"> <div class="blog">
<slot /> <slot />

2
src/pages/blog/index.astro
View file

@ -22,7 +22,7 @@ const sortedYears = Object.keys(postsByYear).sort((a, b) => b - a);
--- ---
<SectionContainer> <SectionContainer>
<main class="flex flex-col h-screen gap-4 mt-4"> <main class="flex flex-col h-screen gap-4 mt-4">
<h1 class="text-4xl font-extrabold">Blog posts</h1> <h1 class="text-3xl font-extrabold">Blog posts</h1>
{sortedYears.map(year => ( {sortedYears.map(year => (
<section> <section>
<div class="text-xl font-semibold">{year}</div> <div class="text-xl font-semibold">{year}</div>