Adds support for font-awesome icons
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user