You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
83 KiB
62 lines
83 KiB
2 years ago
|
@function hex-color($color) {
|
||
|
@if type-of($color) == 'color' {
|
||
|
$color: str-slice(ie-hex-str($color), 4);
|
||
|
}
|
||
|
@return '%23' + unquote($color)
|
||
|
}
|
||
|
|
||
|
@mixin boost-svg($color) {
|
||
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 22 684'><path fill='#{hex-color($color)}' d='m4.877 611.5c-.7624 0-1.377.61-1.377 1.38v1.0684l.52539-.73047c.55917-.73152 1.2573-.45681 1.5547-.0801l.87695 1.2207c.2438-.22.5648-.36 0.92-.36h7.2461c.52404 0 .97052.29533 1.2031.72461h-2.0039c-.34183 0-1.0466.46662-.59961 1.1953l3.3184 4.6172c.24449.30968.81966.53296 1.2793-.0684l3.2773-4.5606c.33160-.50694-.01861-1.1836-.61523-1.1836h-1.9824v-1.8477c.001-.77-.614-1.38-1.376-1.38h-12.246zm.011719 2.6055c-.23147-.0197-.48893.0743-.71875.375l-3.2773 4.5625c-.33159.50695.018609 1.1836.61523 1.1836h1.9922v1.8965c0 .76234.61461 1.377 1.377 1.377h12.246c.762 0 1.377-.61 1.377-1.38v-1.1309l-.53516.74414c-.55917.73153-1.2573.45682-1.5547.0801l-.85156-1.1856c-.245.24-.572.38-.935.38h-7.2461c-.54447 0-1.0088-.31647-1.2324-.77344h2.0234c.34183 0 1.0446-.46661.59766-1.1953l-3.3184-4.6172c-.12224-.15484-.32713-.28884-.55859-.30859zm-.0117-21.61c-.7624 0-1.377.61-1.377 1.38v1.4121l.52539-.73047c.55917-.73152 1.2573-.45681 1.5547-.0801l.73828 1.0254c.2522-.31.6297-.51 1.0586-.51h7.2461c.39170 0 .74003.16641.99023.42773h-1.791c-.34183 0-1.0466.46662-.59961 1.1953l3.3184 4.6172c.24449.30969.81966.53296 1.2793-.0684l3.2773-4.5605c.33160-.50695-.01861-1.1836-.61523-1.1836h-1.9824v-1.5508c.001-.78-.614-1.39-1.376-1.39h-12.246zm.011719 2.9492c-.23147-.0197-.48893.0743-.71875.375l-3.2773 4.5625c-.33159.50695.018609 1.1836.61523 1.1836h1.9922v1.5527c0 .76234.61461 1.377 1.377 1.377h12.246c.762.01 1.377-.60 1.377-1.37v-1.4277l-.53516.74414c-.55917.73153-1.2573.45682-1.5547.0801l-.732-1.02c-.25226.30339-.62786.5-1.0547.5h-7.2461c-.39272 0-.74186-.16718-.99219-.42969h1.7832c.34183 0 1.0446-.46661.59766-1.1953l-3.3184-4.6172c-.12224-.15484-.32713-.28884-.55859-.30859zm-.0117-21.95c-.7624 0-1.377.61-1.377 1.38v1.2402l.52539-.73047c.55917-.73153 1.2573-.45682 1.5547-.0801l.80273 1.1191c.2504-.27.6019-.43.9942-.43h7.2461c.47926 0 .89616.2454 1.1426.61523h-1.9434c-.34183 0-1.0466.46662-.59961 1.1953l3.3184 4.6172c.24449.30969.81966.53296 1.2793-.0684l3.2773-4.5605c.33160-.50695-.01861-1.1836-.61523-1.1836h-1.9824v-1.7383c0-.78-.615-1.39-1.377-1.39h-12.246zm.011719 2.7773c-.23147-.0197-.48893.0743-.71875.375l-3.2773 4.5625c-.33159.50695.018609 1.1836.61523 1.1836h1.9922v1.7246c0 .76234.61461 1.377 1.377 1.377h12.246c.762 0 1.377-.61 1.377-1.38v-1.2402l-.53516.74414c-.55917.73153-1.2573.45682-1.5547.0801l-.80469-1.1191c-.249.26-.596.42-.982.42h-7.2461c-.47361 0-.88718-.23908-1.1348-.60156h1.9258c.34183 0 1.0446-.46662.59766-1.1953l-3.3184-4.6172c-.12224-.15484-.32713-.28885-.55859-.3086zm-.0117-21.78c-.7624 0-1.377.61-1.377 1.38v1.709l.52539-.73047c.55917-.73153 1.2573-.45682 1.5547-.0801l.62891.875c.2426-.40.6730-.66 1.168-.66h7.2461c.16253 0 .31634.0327.46094.084h-1.2617c-.34183 0-1.0466.46662-.59961 1.1953l3.3184 4.6172c.24449.30969.81966.53296 1.2793-.0684l3.2773-4.5605c.33160-.50695-.01861-1.1836-.61523-1.1836h-1.9824v-1.207c.001-.77-.614-1.38-1.376-1.38h-12.246zm.011719 3.2461c-.23147-.0197-.48893.0743-.71875.375l-3.2773 4.5625c-.33159.50695.018609 1.1836.61523 1.1836h1.9922v1.2559c0 .76234.61461 1.377 1.377 1.377h12.246c.762 0 1.377-.61 1.377-1.38v-1.7715l-.53516.74414c-.55917.73153-1.2573.45682-1.5547.0801l-.60938-.84766c-.240.41-.675.68-1.178.68h-7.2461c-.20408 0-.39289-.0529-.56641-.13281h1.3574c.34183 0 1.0446-.46662.59766-1.1953l-3.3184-4.6172c-.12224-.15484-.32713-.28885-.55859-.3086zm-.0117-22.25c-.7624 0-1.377.61-1.377 1.38v2.0527l.52539-.73047c.55917-.73153 1.2573-.45682 1.5547-.0801l.52539.73047c.2064-.50.6962-.85 1.2715-.85h5.2227c.17041-.12069.36097-.19141.50195-.19141h.64453c-.35740.0546-.94208.49131-.52344 1.1738l3.3184 4.6172c.24449.30968.81966.53296 1.2793-.0684l3.2773-4.5606c.33160-.50694-.01861-1.1836-.61523-1.1836h-1.9824v-.91016c-.001-.77-.616-1.38-1.378-1.38h-12.246zm.011719 3.5898c-.23147-.0197-.48893.0743-.71875.375l-3.2773 4.5625c-.33159.50695.018609 1.1836.61523 1.1836h1.9922v.91211c0 .76234.61461 1.377 1.377 1.377h12.246c.762.01 1.377-.60 1.377-1.37v-2.0684l
|
||
|
}
|
||
|
|
||
|
@mixin boost-locked-svg($color) {
|
||
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 22 684'><path fill='#{hex-color($color)}' d='m15.272 183.79h4.1402v-1.5526q0-.85715-.60647-1.4636-.60648-.60647-1.4636-.60647-.85715 0-1.4636.60647-.60647.60648-.60647 1.4636v1.5526zm6.728.78v4.6577q0 .32346-.22642.54987-.227.22-.550.22h-7.7629q-.32345 0-.54987-.22642-.22642-.22641-.22642-.54987v-4.6577q0-.32345.22642-.54987t.54987-.22642h.25876v-1.5526q0-1.4879 1.0674-2.5553t2.5553-1.0674 2.5553 1.0674 1.0674 2.5553v1.5526h.25876q.32345 0 .54987.22642.226.23.226.56zm-6.7278 322.22h4.1402v-1.5526q0-.85715-.60647-1.4636-.60648-.60647-1.4636-.60647-.85715 0-1.4636.60647-.60647.60648-.60647 1.4636v1.5526zm6.728.78v4.6577q0 .32346-.22642.54987-.227.22-.550.22h-7.7629q-.32345 0-.54987-.22642-.22642-.22641-.22642-.54987v-4.6577q0-.32345.22642-.54987t.54987-.22642h.25876v-1.5526q0-1.4879 1.0674-2.5553t2.5553-1.0674 2.5553 1.0674 1.0674 2.5553v1.5526h.25876q.32345 0 .54987.22642.226.23.226.56zm-6.7278-342.78h4.1402v-1.5526q0-.85715-.60647-1.4636-.60648-.60647-1.4636-.60647-.85715 0-1.4636.60647-.60647.60648-.60647 1.4636v1.5526zm6.728.78v4.6577q0 .32346-.22642.54987-.227.22-.550.22h-7.7629q-.32345 0-.54987-.22642-.22642-.22641-.22642-.54987v-4.6577q0-.32345.22642-.54987t.54987-.22642h.25876v-1.5526q0-1.4879 1.0674-2.5553t2.5553-1.0674 2.5553 1.0674 1.0674 2.5553v1.5526h.25876q.32345 0 .54987.22642.226.23.226.56zm-6.7278-19.776h4.1402v-1.5526q0-.85715-.60647-1.4636-.60648-.60647-1.4636-.60647-.85715 0-1.4636.60647-.60647.60648-.60647 1.4636v1.5526zm6.728.78v4.6577q0 .32346-.22642.54987-.227.22-.550.22h-7.7629q-.32345 0-.54987-.22642-.22642-.22641-.22642-.54987v-4.6577q0-.32345.22642-.54987t.54987-.22642h.25876v-1.5526q0-1.4879 1.0674-2.5553t2.5553-1.0674 2.5553 1.0674 1.0674 2.5553v1.5526h.25876q.32345 0 .54987.22642.226.23.226.56zm-6.7278-19.776h4.1402v-1.5526q0-.85715-.60647-1.4636-.60648-.60647-1.4636-.60647-.85715 0-1.4636.60647-.60647.60648-.60647 1.4636v1.5526zm6.728.78v4.6577q0 .32346-.22642.54987-.227.22-.550.22h-7.7629q-.32345 0-.54987-.22642-.22642-.22641-.22642-.54987v-4.6577q0-.32345.22642-.54987t.54987-.22642h.25876v-1.5526q0-1.4879 1.0674-2.5553t2.5553-1.0674 2.5553 1.0674 1.0674 2.5553v1.5526h.25876q.32345 0 .54987.22642.226.23.226.56zm-6.7278-19.776h4.1402v-1.5526q0-.85715-.60647-1.4636-.60648-.60647-1.4636-.60647-.85715 0-1.4636.60647-.60647.60648-.60647 1.4636v1.5526zm6.728.78v4.6577q0 .32346-.22642.54987-.227.22-.550.22h-7.7629q-.32345 0-.54987-.22642-.22642-.22641-.22642-.54987v-4.6577q0-.32345.22642-.54987t.54987-.22642h.25876v-1.5526q0-1.4879 1.0674-2.5553t2.5553-1.0674 2.5553 1.0674 1.0674 2.5553v1.5526h.25876q.32345 0 .54987.22642.226.23.226.56zm-6.7278-19.776h4.1402v-1.5526q0-.85715-.60647-1.4636-.60648-.60648-1.4636-.60648-.85715 0-1.4636.60648-.60647.60647-.60647 1.4636v1.5526zm6.728.772v4.6577q0 .32345-.22642.54987-.227.226-.550.226h-7.7629q-.32345 0-.54987-.22642t-.22642-.54987v-4.6577q0-.32345.22642-.54987t.54987-.22642h.25876v-1.5526q0-1.4879 1.0674-2.5553t2.5553-1.0674 2.5553 1.0674 1.0674 2.5553v1.5526h.25876q.32345 0 .54987.22642.226.227.226.550zm-6.7278-19.776h4.1402v-1.5526q0-.85715-.60647-1.4636-.60648-.60648-1.4636-.60648-.85715 0-1.4636.60648-.60647.60647-.60647 1.4636v1.5526zm6.728.776v4.6577q0 .32345-.22642.54987-.227.226-.550.226h-7.7629q-.32345 0-.54987-.22642t-.22642-.54987v-4.6577q0-.32345.22642-.54987t.54987-.22642h.25876v-1.5526q0-1.4879 1.0674-2.5553t2.5553-1.0674 2.5553 1.0674 1.0674 2.5553v1.5526h.25876q.32345 0 .54987.22642.226.227.226.550zm-6.7278-19.776h4.1402v-1.5526q0-.85715-.60647-1.4636-.60648-.60648-1.4636-.60648-.85715 0-1.4636.60648-.60647.60647-.60647 1.4636v1.5526zm6.728.776v4.6577q0 .32345-.22642.54987-.227.226-.550.226h-7.7629q-.32345 0-.54987-.22642t-.22642-.54987v-4.6577q0-.32345.22642-.54987t.54987-.22642h.25876v-1.5526q0-1.4879 1.0674-2.5553t2.5553-1.0674 2.5553 1.0674 1.0674 2.5553v1.5526h.25876q.32345 0 .54987.22642.226.227.226.550zm-6.7278-19.776h4.1402v-1.5526q0-.85715-.60647-1.4636-.60648-.60648-1.4636-.60648-.85715 0-1.4636.60648-.60647.60647
|
||
|
}
|
||
|
|
||
|
@mixin boost-svg-single($color) {
|
||
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 22 19'><path fill='#{hex-color($color)}' d='m6.0762 3.5l1.7968 2.5h6.75c.762 0 1.377.6146 1.377 1.377v1.7734h-2.123c-.342 0-1.045.4666-.598 1.1956l3.319 4.617c.244.310.817.533 1.277-.068l3.277-4.561c.332-.5070-.018-1.1836-.615-1.1836h-2.037v-4.2734c0-.7624-.615-1.377-1.377-1.377h-11.047zm-1.2305.2188c-.2315-.0198-.4909.0743-.7207.3750l-3.2773 4.5605c-.33164.5069.01857 1.1836.6152 1.1836h2.0371v4.2851c0 .762.6146 1.377 1.377 1.377h11.055l-1.797-2.5h-6.758c-.7624 0-1.377-.615-1.377-1.377v-1.7851h2.123c.3419 0 1.0447-.4647.5977-1.1934l-3.3184-4.6172c-.1222-.1548-.3251-.2888-.5566-.3085z'/></svg>");
|
||
|
}
|
||
|
|
||
|
@mixin boost-locked-svg-single($color) {
|
||
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 22 19'><path fill='#{hex-color($color)}' d='m15.272 12.79h4.1402v-1.5526q0-.85715-.60647-1.4636-.60648-.60648-1.4636-.60648-.85715 0-1.4636.60648-.60647.60647-.60647 1.4636v1.5526zm6.728.776v4.6577q0 .32345-.22642.54987-.227.226-.550.226h-7.7629q-.32345 0-.54987-.22642t-.22642-.54987v-4.6577q0-.32345.22642-.54987t.54987-.22642h.25876v-1.5526q0-1.4879 1.0674-2.5553t2.5553-1.0674 2.5553 1.0674 1.0674 2.5553v1.5526h.25876q.32345 0 .54987.22642.226.227.226.550zm-15.924-10.066 1.7968 2.5h6.75c.58173 0 1.0751.35888 1.2773.86719.46104-.15325.94168-.25195 1.4414-.25195.39794 0 .78277.068051 1.1582.16602v-1.9043c0-.7624-.615-1.377-1.377-1.377h-11.047zm-1.2305.2188c-.2315-.0198-.4909.0743-.7207.3750l-3.2773 4.5605c-.33159.50695.018609 1.1836.61523 1.1836h2.0371v4.2852c0 .762.6146 1.377 1.377 1.377h6.8066v-1.9336c0-.18721.04173-.38037.10547-.56641h-4.412c-.7624 0-1.377-.615-1.377-1.377v-1.7852h2.123c.34183 0 1.0446-.46466.59766-1.1934l-3.3184-4.6171c-.1222-.1548-.3251-.2888-.5566-.3085zm12.496 6.4492c-.33558 0-.51811.07475-.75586.3125-.23776.23775-.31445.42028-.31445.75586v.55273h2.1406v-.55273c0-.33558-.07475-.51811-.3125-.75586s-.42223-.3125-.75781-.3125z'/></svg>");
|
||
|
}
|
||
|
|
||
|
@mixin envelope($color) {
|
||
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1792'><path fill='#{hex-color($color)}' d='m1792 710v794q0 66-47 113t-113 47h-1472q-66 0-113-47t-47-113v-794q44 49 101 87 362 246 497 345 57 42 92.5 65.5t94.5 48 110 24.5h2q51 0 110-24.5t94.5-48 92.5-65.5q170-123 498-345 57-39 100-87zm0-294q0 79-49 151t-122 123q-376 261-468 325-10 7-42.5 30.5t-54 38-52 32.5-57.5 27-50 9h-2q-23 0-50-9t-57.5-27-52-32.5-54-38-42.5-30.5q-91-64-262-182.5t-205-142.5q-62-42-117-115.5t-55-136.5q0-78 41.5-130t118.5-52h1472q65 0 112.5 47t47.5 113z'/></svg>");
|
||
|
}
|
||
|
|
||
|
button.icon-button i.fa-retweet {
|
||
|
@include boost-svg-single($ui-base-lighter-color);
|
||
|
}
|
||
|
|
||
|
.status-private button.icon-button i.fa-retweet {
|
||
|
@include boost-locked-svg-single($ui-base-lighter-color);
|
||
|
}
|
||
|
|
||
|
// Disabled variant
|
||
|
button.icon-button.disabled i.fa-retweet {
|
||
|
@include boost-locked-svg-single(lighten($ui-base-color, 13%));
|
||
|
}
|
||
|
|
||
|
// Disabled variant for use with DMs
|
||
|
.status-direct button.icon-button.disabled i.fa-retweet {
|
||
|
@include envelope(lighten($ui-base-color, 16%));
|
||
|
background-position: center center;
|
||
|
background-repeat: no-repeat;
|
||
|
}
|
||
|
|
||
|
.no-reduce-motion button.icon-button i.fa-retweet {
|
||
|
transition: none;
|
||
|
background-position: 0px 684px;
|
||
|
}
|
||
|
|
||
|
.no-reduce-motion button.icon-button.active i.fa-retweet {
|
||
|
@include boost-svg($ui-highlight-color);
|
||
|
transition: background-position 0.6s steps(36);
|
||
|
background-size: 22px 684px;
|
||
|
background-position: 0px 0px;
|
||
|
}
|
||
|
.no-reduce-motion .status-private button.icon-button.active i.fa-retweet {
|
||
|
@include boost-locked-svg($ui-highlight-color);
|
||
|
}
|