blob: be77a46cc1cc1dc16908c32d99dd388cf7eb0257 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<script lang="ts">
import type { Snippet } from 'svelte';
let { level = 2, children }: { level?: 2 | 3; children: Snippet } = $props();
</script>
<svelte:element this={level === 2 ? 'h2' : 'h3'}>
{@render children()}
</svelte:element>
<style>
h2,
h3 {
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--accent);
margin: 1.25rem 0 0.5rem;
padding-left: 0.5rem;
border-left: 3px solid var(--accent);
}
</style>
|
