diff options
| author | blackle <isabelle@blackle-mori.com> | 2017-01-23 21:02:13 -0500 |
|---|---|---|
| committer | blackle <isabelle@blackle-mori.com> | 2017-01-24 07:48:13 -0500 |
| commit | 4a146a0d189280dbd15098f42850ca550e0d7910 (patch) | |
| tree | d3517c9eb7210f8059f601887952a2ed3027e010 /app/assets/stylesheets/components.scss | |
| parent | 1761d3f9c33f3e2e98a09906fae1a03783b54b10 (diff) | |
Make boost animation an SVG that uses SCSS colours
Diffstat (limited to 'app/assets/stylesheets/components.scss')
| -rw-r--r-- | app/assets/stylesheets/components.scss | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss index 73d1acccd..e1710580c 100644 --- a/app/assets/stylesheets/components.scss +++ b/app/assets/stylesheets/components.scss @@ -663,12 +663,13 @@ } } +@import 'boost'; + button i.fa-retweet { height: 19px; width: 22px; - background: image-url('boost_sprite.png') no-repeat; background-position: 0 0; - transition: background-position 0.9s steps(11); + transition: background-position 0.9s steps(10); transition-duration: 0s; &::before { @@ -678,7 +679,7 @@ button i.fa-retweet { button.active i.fa-retweet { transition-duration: 0.9s; - background-position: 0 -209px; + background-position: 0 100%; } .status-card { |