Adds support for font-awesome icons

This commit is contained in:
2023-08-13 15:21:58 +02:00
parent 9844498c95
commit 4400eb5219
5 changed files with 28 additions and 2 deletions

View File

@@ -20,14 +20,16 @@
<img src={brand.logo} alt="logo" />
{/if}
{:else if brand.icon}
<p>an icon</p>
<i class="fa-fw {brand.icon}" />
{/if}
</div>
<style>
.container {
width: var(--size);
min-width: min-content;
height: var(--size);
font-size: var(--size);
}
.masked {
@@ -37,4 +39,11 @@
-webkit-mask: var(--mask) center no-repeat;
-webkit-mask-size: var(--size);
}
div {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
</style>