aboutsummaryrefslogtreecommitdiff
path: root/src/components/delete_button/delete_button.vue
diff options
context:
space:
mode:
authorShpuld Shpludson <shp@cock.li>2018-04-09 20:29:06 +0000
committerShpuld Shpludson <shp@cock.li>2018-04-09 20:29:06 +0000
commit716e37d95cd463ede4a5fbe91e7170515719a0fe (patch)
treeeb64b6f74aef25045b72d820bb11a949212c6b04 /src/components/delete_button/delete_button.vue
parente409ca56e586217786f46cd1fdda8c4090f38aa3 (diff)
parentbf2d4516d59884c657feed4ebe16bf3f1357bda1 (diff)
Merge branch 'cssOverhaul' into 'develop'
Transition to CSS-variables for themes and stuff. See merge request pleroma/pleroma-fe!217
Diffstat (limited to 'src/components/delete_button/delete_button.vue')
-rw-r--r--src/components/delete_button/delete_button.vue17
1 files changed, 9 insertions, 8 deletions
diff --git a/src/components/delete_button/delete_button.vue b/src/components/delete_button/delete_button.vue
index 845ac777..d13547e2 100644
--- a/src/components/delete_button/delete_button.vue
+++ b/src/components/delete_button/delete_button.vue
@@ -1,20 +1,21 @@
<template>
<div v-if="canDelete">
<a href="#" v-on:click.prevent="deleteStatus()">
- <i class='base09 icon-cancel delete-status'></i>
+ <i class='icon-cancel delete-status'></i>
</a>
</div>
</template>
<script src="./delete_button.js" ></script>
-<style lang='scss'>
- @import '../../_variables.scss';
+<style lang="scss">
+@import '../../_variables.scss';
- .icon-cancel,.delete-status {
- cursor: pointer;
- &:hover {
- color: $red;
- }
+.icon-cancel,.delete-status {
+ cursor: pointer;
+ &:hover {
+ color: var(--cRed, $fallback--cRed);
+ color: $fallback--cRed;
}
+}
</style>