Use pseudo class :active

k0kubun · Oct 6, 2016 · 63f71d4 · 63f71d4
1 parent 66da51f
commit 63f71d4
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/index.scss b/src/index.scss
@@ -350,11 +350,16 @@ body {
  color: #eee;
  }
 
- .favorite_widget_wrapper .favorite_button.active {
- animation-name: favorite_animation;
- animation-duration: 170ms;
- animation-timing-function: linear;
- color: $orange;
+ .favorite_widget_wrapper {
+ .favorite_button.active {
+ color: $orange;
+ }
+
+ &:active {
+ animation-name: favorite_animation;
+ animation-duration: 170ms;
+ animation-timing-function: linear;
+ }
  }
 
  .user_icon {