blob: 85dbe3955e21c860172541e2ea60e6f6f0f8aaaf (
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
24
25
26
27
28
29
30
|
<script lang="ts">
import Pill from './Pill.svelte';
type Association = 'artist' | 'circle' | 'world' | 'character';
export let name: string;
export let type: Association;
</script>
<Pill {name}>
<span class={`${type} icon-xs`} slot="icon" />
</Pill>
<style lang="postcss">
.artist {
@apply icon-[material-symbols--person] -mx-px;
}
.character {
@apply icon-[material-symbols--face];
}
.circle {
@apply icon-[material-symbols--group] mx-px;
}
.world {
@apply icon-[material-symbols--public];
}
</style>
|
