.star-icon.active {
color: $gold-star;
}
button.icon-button i.fa-retweet {
background-image: url("data:image/svg+xml;utf8,");
&:hover {
background-image: url("data:image/svg+xml;utf8,");
}
}
button.icon-button.disabled i.fa-retweet {
background-image: url("data:image/svg+xml;utf8,");
}
.no-reduce-motion button.icon-button i.fa-retweet {
background-position: 0 0;
height: 19px;
transition: background-position 0.9s steps(10);
transition-duration: 0s;
vertical-align: middle;
width: 22px;
&::before {
display: none !important;
}
}
.no-reduce-motion button.icon-button.active i.fa-retweet {
transition-duration: 0.9s;
background-position: 0 100%;
}
.reduce-motion button.icon-button i.fa-retweet {
color: $action-button-color;
transition: color 100ms ease-in;
}
.reduce-motion button.icon-button.active i.fa-retweet {
color: $highlight-text-color;
}