Change boost sprite to look like fa-retweet

local
blackle 7 years ago
parent 926459fc0a
commit 383114add3
  1. BIN
      app/assets/images/boost_sprite.png
  2. 35
      app/assets/stylesheets/components.scss

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

@ -663,21 +663,20 @@
}
}
// Commented out until sprite matches non-sprite icon visually
// 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;
// }
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-duration: 0s;
&::before {
display: none !important;
}
}
button.active i.fa-retweet {
transition-duration: 0.9s;
background-position: 0 -209px;
}

Loading…
Cancel
Save