summaryrefslogtreecommitdiff
path: root/src/components/jet/item/AccessibilityParagraphItem.svelte
blob: 836b52f707479b12aa681f4dff2086a4ed3b4c71 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script lang="ts">
    import type { AccessibilityParagraph } from '@jet-app/app-store/api/models';
    import LinkableTextItem from '~/components/jet/item/LinkableTextItem.svelte';

    export let item: AccessibilityParagraph;
</script>

<div>
    <p>
        <LinkableTextItem item={item.text} />
    </p>
</div>

<style>
    p {
        font: var(--body-tall);
    }

    p :global(a) {
        color: var(--keyColor);
    }
</style>