Make boost animation an SVG that uses SCSS colours

master
blackle 8 years ago
parent 1761d3f9c3
commit 4a146a0d18
  1. 9
      app/assets/stylesheets/boost.scss
  2. 7
      app/assets/stylesheets/components.scss

File diff suppressed because one or more lines are too long

@ -663,12 +663,13 @@
} }
} }
@import 'boost';
button i.fa-retweet { button i.fa-retweet {
height: 19px; height: 19px;
width: 22px; width: 22px;
background: image-url('boost_sprite.png') no-repeat;
background-position: 0 0; background-position: 0 0;
transition: background-position 0.9s steps(11); transition: background-position 0.9s steps(10);
transition-duration: 0s; transition-duration: 0s;
&::before { &::before {
@ -678,7 +679,7 @@ button i.fa-retweet {
button.active i.fa-retweet { button.active i.fa-retweet {
transition-duration: 0.9s; transition-duration: 0.9s;
background-position: 0 -209px; background-position: 0 100%;
} }
.status-card { .status-card {

Loading…
Cancel
Save