mirror of
https://github.com/zoriya/v10.git
synced 2026-08-15 18:34:22 +00:00
fix(site): improve header typography
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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 />
|
||||
|
||||
Reference in New Issue
Block a user