36 lines
620 B
Vue
36 lines
620 B
Vue
<template>
|
|
<span class="material-symbols-outlined"><slot></slot></span>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.material-symbols-outlined {
|
|
font-variation-settings:
|
|
'FILL' 0,
|
|
'wght' 400,
|
|
'GRAD' 0,
|
|
'opsz' 24;
|
|
font-size: 1.25rem;
|
|
}
|
|
.styled {
|
|
background-color: var(--primary-color);
|
|
color: white;
|
|
padding: 0.25rem;
|
|
border-radius: 100rem;
|
|
}
|
|
.styled.secondary {
|
|
background-color: var(--secondary-color);
|
|
}
|
|
.black {
|
|
background-color: var(--font-color);
|
|
color: var(--background-color);
|
|
}
|
|
.success {
|
|
background-color: #2e9a00;
|
|
}
|
|
.small {
|
|
height: 1.25rem;
|
|
width: 1.25rem;
|
|
font-size: 0.7rem;
|
|
}
|
|
</style>
|