aboutsummaryrefslogtreecommitdiff
path: root/src/components/retweet_button/retweet_button.vue
diff options
context:
space:
mode:
authorJiayi Zheng <thebluber@gmail.com>2016-11-13 17:52:20 +0100
committerJiayi Zheng <thebluber@gmail.com>2016-11-13 17:52:20 +0100
commit53fed694dfa4f2c4fe5c8f58ad8eb728c7720449 (patch)
tree18a92533abe8d0647dadfef5411c8e9c4f295814 /src/components/retweet_button/retweet_button.vue
parent11125abeeba1e945461ac5d1708e89cac7bf0714 (diff)
Refactor css
Apply different styles to reply, retweet and favorite buttons
Diffstat (limited to 'src/components/retweet_button/retweet_button.vue')
-rw-r--r--src/components/retweet_button/retweet_button.vue18
1 files changed, 11 insertions, 7 deletions
diff --git a/src/components/retweet_button/retweet_button.vue b/src/components/retweet_button/retweet_button.vue
index ec94356a..9b2f5c7b 100644
--- a/src/components/retweet_button/retweet_button.vue
+++ b/src/components/retweet_button/retweet_button.vue
@@ -7,12 +7,16 @@
<script src="./retweet_button.js" ></script>
-<style>
- .icon-retweet {
- cursor: pointer
- }
- .retweeted {
+<style lang='scss'>
+ @import '../../_variables.scss';
+ .icon-retweet {
+ cursor: pointer;
+ &:hover {
+ color: $green;
+ }
+ }
+ .retweeted {
cursor: auto;
- color: green;
- }
+ color: $green;
+ }
</style>