From a67ffcbf56f48a28a30af8573666a7354fe6d66c Mon Sep 17 00:00:00 2001 From: blackle Date: Fri, 13 Jan 2017 23:32:27 -0500 Subject: [PATCH] Make boost button arrows spin around --- app/assets/images/boost_sprite.png | Bin 0 -> 1756 bytes app/assets/stylesheets/components.scss | 18 ++++++++++++++++++ 2 files changed, 18 insertions(+) create mode 100644 app/assets/images/boost_sprite.png diff --git a/app/assets/images/boost_sprite.png b/app/assets/images/boost_sprite.png new file mode 100644 index 0000000000000000000000000000000000000000..02a07ee3ada022139df911efb18d6df3a91c900a GIT binary patch literal 1756 zcmb_cdooPsqV2BrP%%V>YO-PS*w~0@73+rI zlxHPe60LV<=~9w*X&tK-F7Ruv8jli z`lq*=f&VtBWT(gYnve3zX+AhmA8<+_Jr~3Zai+yB^MO;e>3LSIdl>EqIY*J{c1Ewq zXvKn4z8(;WiUZbhmlw@n+9kygxFTS0&1fcCSU6Ox38e(pf;VNVGAi5XNh9ZYJ>P1M z@vB%^F+rNlTNh60JKt-G!*9p0)|;^W@a4cf&1_;kpLNjx@{^T&p9Ew+-y8UCbY_)) z-m0_tg}>0^Zs>JiNAdC2S_&Ml;rG!P_T! z*U1=Djh-HnZt~Wx$4)sX_Nv2n$1G4DM8ab&^F4Ot!mOX<9-B&t8EUa@NzVQ(2kQTc zePv%O%9byrkK0SLUuKr|k6-$fA2au$rDpow#p=%otiiUtrhUivjzWtgFI2TBHPrSx z#aC&J83KM}b2`Z@bFqbb<kM^iIUVaequnWh3ocBw0t^D8{6XOJ_fFhtSAzr-Owo4bBvrag zz82^fu0*G*lvt<&cHNV>BiN!rA4x(wtoD%UK8YP)1GKz@;^;ooX5F;6)QUKRuK1u6 zVNu;ta7oQ0^cv`L#Zx!EBHW0tckz8Nmw-t0XOy23ZO~?38`1lvzO!iTDAfU7C}2KHdwEl95{`C5Iu%7&0&YYVQ;V*1La?=@ z#+;zv=zICRUjsK&&R{?87%n@MWp3AaBKP}`PmwrY8Q^!{FZYMMPQ{^(!&yryEk*F;YG zGLEpy-DveD%1lI9Gi6~lNGwDbQX^KE8{d!`%xXF;5m*5=+ivH4K(3(S>I&EfN9&HS z&|Z3G$$n)q+spPDTz@i4HUF^3yltQKo8g4=P^KTUE!39!4Y4B(1-80vND2l+O5Oz+9vqb`)w-Tzr<>IkxFyiw(7qHxSa%wVP#io2e}m5?M@nSe2WPG;2lFxa8UF ztrI>2U@+36GK?EGx}F?F!%Aws7YD7ofg8QX;&#T&fE}gCLgAdKIzx0vS64PoP2HkQ z4z0udpZ=)UKsHKYiZ>0xIsuM% IF#)mv0a9sKwEzGB literal 0 HcmV?d00001 diff --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; +}