diff options
| author | mat <github@matdoes.dev> | 2022-02-16 22:13:11 +0000 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-02-16 22:13:11 +0000 |
| commit | cd982e64595ab47a5fa71a40f8249893dbf867df (patch) | |
| tree | a2c9c5ed31bd1f5f48c3b992f344cc2f461ecebc /src/lib/ListItemWithIcon.svelte | |
| parent | 81543e5307c98df0d44c1cf553bcdfefbfe4ea7f (diff) | |
| download | skyblock-stats-cd982e64595ab47a5fa71a40f8249893dbf867df.tar.gz skyblock-stats-cd982e64595ab47a5fa71a40f8249893dbf867df.tar.bz2 skyblock-stats-cd982e64595ab47a5fa71a40f8249893dbf867df.zip | |
add
Diffstat (limited to 'src/lib/ListItemWithIcon.svelte')
| -rw-r--r-- | src/lib/ListItemWithIcon.svelte | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/src/lib/ListItemWithIcon.svelte b/src/lib/ListItemWithIcon.svelte new file mode 100644 index 0000000..2c7aade --- /dev/null +++ b/src/lib/ListItemWithIcon.svelte @@ -0,0 +1,18 @@ +<script lang="ts"> + export let url: string +</script> + +<li class="list-item-with-icon" style="background: url({url}) 0 0/1em no-repeat"> + <slot /> +</li> + +<style> + .list-item-with-icon { + list-style: none; + padding-left: 1.2em; + position: relative; + right: 1.2em; + image-rendering: crisp-edges; + image-rendering: pixelated; + } +</style> |