fix(site): improve header typography

This commit is contained in:
Darius Cepulis
2025-10-31 13:37:07 -05:00
parent 5a341e4180
commit 8402b33ad7
3 changed files with 8 additions and 5 deletions
@@ -1,8 +1,8 @@
---
import H4 from './H4.astro';
const props = Astro.props;
const { class: className, ...props } = Astro.props;
---
<H4 as="h2" {...props}>
<H4 as="h2" class:list={['mt-18 [&+h3]:mt-6', className]} {...props}>
<slot />
</H4>
@@ -1,8 +1,8 @@
---
import H5 from './H5.astro';
const props = Astro.props;
const { class: className, ...props } = Astro.props;
---
<H5 as="h3" {...props}>
<H5 as="h3" class:list={['mt-12', className]} {...props}>
<slot />
</H5>
+4 -1
View File
@@ -12,7 +12,10 @@ const { as: Tag = 'h5', maxWidth = true, class: className, ...props } = Astro.pr
---
<Tag
class={twMerge(clsx('font-medium @lg:text-lg @3xl:text-h5 mb-6 mt-9', maxWidth && 'max-w-3xl mx-auto'), className)}
class={twMerge(
clsx('text-md font-medium @lg:text-lg @3xl:text-h5 mb-6 mt-9', maxWidth && 'max-w-3xl mx-auto'),
className,
)}
{...props}
>
<slot />