custom color theme part 1

This commit is contained in:
Peter Papp
2021-03-20 10:25:10 +01:00
parent aa51484303
commit cff7cd6b32
44 changed files with 994 additions and 417 deletions

View File

@@ -1,12 +1,12 @@
<template>
<button class="button outline">
<button class="button outline hover-text-theme hover-border-theme">
<span class="text-label">{{ text }}</span>
<span v-if="loading" class="icon">
<FontAwesomeIcon icon="sync-alt" class="sync-alt"/>
<FontAwesomeIcon icon="sync-alt" class="sync-alt svg-color-theme"/>
</span>
<span v-if="! loading && icon" class="icon">
<FontAwesomeIcon :icon="icon"/>
<FontAwesomeIcon :icon="icon" class="svg-color-theme"/>
</span>
</button>
</template>
@@ -74,15 +74,15 @@
.icon {
path {
fill: $theme;
fill: inherit;
}
}
&:hover {
border-color: $theme;
border-color: inherit;
.text-label {
color: $theme;
color: inherit;
}
}
}