summaryrefslogtreecommitdiff
path: root/docs/.vuepress/components/app-imports/StatusIcon.vue
diff options
context:
space:
mode:
Diffstat (limited to 'docs/.vuepress/components/app-imports/StatusIcon.vue')
-rw-r--r--docs/.vuepress/components/app-imports/StatusIcon.vue16
1 files changed, 10 insertions, 6 deletions
diff --git a/docs/.vuepress/components/app-imports/StatusIcon.vue b/docs/.vuepress/components/app-imports/StatusIcon.vue
index 954e4775..ef2afb72 100644
--- a/docs/.vuepress/components/app-imports/StatusIcon.vue
+++ b/docs/.vuepress/components/app-imports/StatusIcon.vue
@@ -33,29 +33,33 @@ export default {
};
</script>
-<style lang="scss" scoped>
+<style lang="scss">
@import "src/assets/styles/bmc/helpers";
@import "src/assets/styles/bootstrap/helpers";
.status-icon {
vertical-align: text-bottom;
&.info {
- fill: theme-color('info');
+ color: theme-color('info');
}
&.success {
- fill: theme-color('success');
+ color: theme-color('success');
}
&.danger {
- fill: theme-color('danger');
+ color: theme-color('danger');
}
&.secondary {
- fill: gray('600');
+ color: gray('600');
svg {
transform: rotate(-45deg);
}
}
&.warning {
- fill: theme-color('warning');
+ color: theme-color('warning');
+ }
+
+ svg {
+ fill: currentColor;
}
}
</style>