Merge pull request #464 from blackle/backflip

Make boost button spin around
2017-01-15 13:19:15 +01:00 · 2017-01-15 13:19:15 +01:00 · 1f7c0ad8d3
parent 777f527d86 a67ffcbf56
commit 1f7c0ad8d3
2 changed files with 18 additions and 0 deletions
--- a/app/assets/images/boost_sprite.png
+++ b/app/assets/images/boost_sprite.png
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@ -662,3 +662,21 @@
    border-bottom-color: #2b90d9;
  }
 }
+
+button i.fa-retweet {
+  height: 19px;
+  width: 24px;
+  background: image-url('boost_sprite.png') no-repeat;
+  background-position: 0 0;
+  transition: background-position 0.9s steps(11);
+  transition-duration: 0s;
+
+  &::before {
+    display: none !important;
+  }
+}
+
+button.active i.fa-retweet {
+  transition-duration: 0.9s;
+  background-position: 0 -209px;
+}