git.r.bdr.sh - rbdr/forum/blob - app/components/glyph/glyph.svelte

   1 <script>
   2   import { getGlyphHash } from '../../utils/glyph_hash';
   3
   4   export let uuid;
   5 </script>
   6
   7 <div class="glyphicon" aria-hidden="true" title="User avatar.">
   8   {#each getGlyphHash(uuid) as fragment}
   9     <span class="{fragment.glyph}" style="color: {fragment.color} ">
  10       {fragment.glyph}
  11     </span>
  12   {/each}
  13 </div>
  14
  15 <style>
  16   .glyphicon {
  17     border: 1px solid black;
  18     display: inline-block;
  19     font-size: 1.4rem;
  20     height: 48px;
  21     margin-top: 5px;
  22     width: 48px;
  23   }
  24
  25   span {
  26     display: block;
  27     float: left;
  28     width: 24px;
  29     height: 24px;
  30     text-align: center;
  31     line-height: 24px;
  32   }
  33
  34   .☽ {
  35     font-size: 2rem;
  36     line-height: 19px;
  37   }
  38 </style>