diff options
| author | Eugen <eugen@zeonfederated.com> | 2017-01-15 13:19:15 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-01-15 13:19:15 +0100 |
| commit | 1f7c0ad8d3d336b036d16272716e41812f65f5d9 (patch) | |
| tree | fcacd48a4387746d4d90d7c62f79e9680f560178 | |
| parent | 777f527d86f8b0e541571b4f73fa4035010e3c65 (diff) | |
| parent | a67ffcbf56f48a28a30af8573666a7354fe6d66c (diff) | |
Merge pull request #464 from blackle/backflip
Make boost button spin around
| -rw-r--r-- | app/assets/images/boost_sprite.png | bin | 0 -> 1756 bytes | |||
| -rw-r--r-- | app/assets/stylesheets/components.scss | 18 |
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; +} |
