about summary refs log tree commit diff
path: root/app/assets
diff options
context:
space:
mode:
authorEugen <eugen@zeonfederated.com>2017-01-15 13:19:15 +0100
committerGitHub <noreply@github.com>2017-01-15 13:19:15 +0100
commit1f7c0ad8d3d336b036d16272716e41812f65f5d9 (patch)
treefcacd48a4387746d4d90d7c62f79e9680f560178 /app/assets
parent777f527d86f8b0e541571b4f73fa4035010e3c65 (diff)
parenta67ffcbf56f48a28a30af8573666a7354fe6d66c (diff)
Merge pull request #464 from blackle/backflip
Make boost button spin around
Diffstat (limited to 'app/assets')
-rw-r--r--app/assets/images/boost_sprite.pngbin0 -> 1756 bytes
-rw-r--r--app/assets/stylesheets/components.scss18
2 files changed, 18 insertions, 0 deletions
diff --git a/app/assets/images/boost_sprite.png b/app/assets/images/boost_sprite.png
new file mode 100644
index 000000000..02a07ee3a
--- /dev/null
+++ b/app/assets/images/boost_sprite.png
Binary files differdiff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index f1edfce9d..4cc5e409c 100644
--- 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;
+}