moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor boost icon, match theme color

This commit is contained in:
Alex Gleason 2020-06-02 19:15:06 -05:00
parent 8966767323
commit f40fe82c4e
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 43 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
app/styles/boost.scss
View File

File diff suppressed because one or more lines are too long

32
app/styles/components.scss
View File

@ -134,12 +134,12 @@
&:hover,
&:active,
&:focus {
color: lighten(#0482d8, 7%);
color: rgba(var(--primary-text-color-rgb), 0.6);
transition: color 200ms ease-out;
}
&.disabled {
color: darken(#0482d8, 13%);
color: rgba(var(--primary-text-color-rgb), 0.2);
cursor: default;
}
@ -2079,34 +2079,6 @@ a.account__display-name {
}
}
.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: #0482d8;
transition: color 100ms ease-in;
}
.reduce-motion button.icon-button.active i.fa-retweet {
color: var(--highlight-text-color);
}
.status-card {
display: flex;
font-size: 14px;