blob: 81e9bb5246f9a43649306e91d0151b1346e67c6e (
plain)
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
|
<script lang="ts">
export let src: string
export let alt: string | undefined = undefined
</script>
<li class="list-item-with-icon">
<img class="list-item-icon" {src} {alt} loading="lazy" />
<slot />
</li>
<style>
.list-item-with-icon {
list-style: none;
padding-left: 1.2em;
position: relative;
right: 1.2em;
}
.list-item-icon {
image-rendering: crisp-edges;
image-rendering: pixelated;
height: 1em;
position: absolute;
margin-left: -1.2em;
}
</style>
|
