2021-12-30 19:28:43 +01:00
|
|
|
<script lang="ts" context="module">
|
|
|
|
let loaded = false;
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<script lang="ts">
|
2022-04-09 21:36:40 +02:00
|
|
|
export let plain = false;
|
2021-12-30 19:28:43 +01:00
|
|
|
export let name: string;
|
2022-12-21 22:45:14 +01:00
|
|
|
export let border = false;
|
2021-12-30 19:28:43 +01:00
|
|
|
|
|
|
|
if (!loaded) {
|
|
|
|
document.head.innerHTML += `<link
|
|
|
|
rel="stylesheet"
|
2022-02-06 23:43:04 +01:00
|
|
|
href="vendor/boxicons/css/boxicons.min.css"
|
2021-12-30 19:28:43 +01:00
|
|
|
/>`;
|
|
|
|
loaded = true;
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
2022-12-21 22:45:14 +01:00
|
|
|
<i class="bx bx-{name}" class:plain class:bx-border={border} />
|
2022-01-09 13:02:37 +01:00
|
|
|
|
|
|
|
<style>
|
2022-04-09 21:36:40 +02:00
|
|
|
.bx:not(.plain) {
|
2022-01-09 13:02:37 +01:00
|
|
|
font-size: 115%;
|
|
|
|
}
|
2022-12-21 22:45:14 +01:00
|
|
|
|
|
|
|
.bx-border {
|
|
|
|
border-color: white;
|
|
|
|
}
|
2022-04-09 21:36:40 +02:00
|
|
|
</style>
|