]> git.r.bdr.sh - rbdr/forum/blame - src/components/glyph/glyph.svelte
Update documentation
[rbdr/forum] / src / components / glyph / glyph.svelte
CommitLineData
66dc4cae 1<script>
58f7d521
RBR
2 import { _ } from 'svelte-i18n';
3 import { getGlyphHash } from '$/utils/glyph_hash';
66dc4cae 4
58f7d521 5 export let uuid;
66dc4cae
BB
6</script>
7
879fa389 8<div class="glyphicon" role="img" aria-label={$_('glyph.title')} title={$_('glyph.title')}>
58f7d521
RBR
9 {#each getGlyphHash(uuid) as fragment}
10 <span class={fragment.glyph} style="color: {fragment.color} ">
11 {fragment.glyph}
12 </span>
13 {/each}
66dc4cae
BB
14</div>
15
16<style>
58f7d521
RBR
17 .glyphicon {
18 border: 1px solid black;
19 display: inline-block;
20 font-size: 1.4rem;
21 height: 48px;
22 margin-top: 5px;
23 width: 48px;
24 background-color: white;
25 padding: 2px;
26 }
66dc4cae 27
58f7d521
RBR
28 span {
29 display: block;
30 float: left;
31 width: 24px;
32 height: 24px;
33 text-align: center;
34 line-height: 24px;
35 }
66dc4cae 36
58f7d521
RBR
37 .☽ {
38 font-size: 2rem;
39 line-height: 19px;
40 }
66dc4cae 41</style>