Browse Source

Make boost animation an SVG that uses SCSS colours

closed-social-glitch-2
blackle 7 years ago
parent
commit
4a146a0d18
2 changed files with 13 additions and 3 deletions
  1. +9
    -0
      app/assets/stylesheets/boost.scss
  2. +4
    -3
      app/assets/stylesheets/components.scss

+ 9
- 0
app/assets/stylesheets/boost.scss
File diff suppressed because it is too large
View File


+ 4
- 3
app/assets/stylesheets/components.scss View File

@ -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 {

Loading…
Cancel
Save