Compare commits

...

3 Commits

@ -0,0 +1,106 @@
// turn the timed line into a highly addictive dopamine slot machine
// fav button
.no-reduce-motion .icon-button.star-icon {
&.deactivate {
& > .fa-star {
animation: none;
}
}
&.activate {
& > .fa-star {
animation: spring-rotate-in .8s cubic-bezier(.2, 0, .4, 1);
}
}
}
@keyframes spring-rotate-in {
0% {
transform: rotate(0deg);
}
60% {
transform: rotate(-380deg);
}
85% {
transform: rotate(-355deg);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes spring-rotate-out {
0% {
transform: rotate(-360deg);
}
60% {
transform: rotate(20deg);
}
85% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0deg);
}
}
// bookmark button
.no-reduce-motion .icon-button {
& > .fa-bookmark {
transform: translateY(0);
animation: none;
}
&.active > .fa-bookmark {
animation: bookmark-save .6s cubic-bezier(.2, 0, .4, 1);
}
}
@keyframes bookmark-save {
0% {
transform: translateY(0);
}
40% {
transform: translateY(-3px);
}
60% {
transform: translateY(4px);
}
100% {
transform: translateY(0);
}
}
// collapse button at the top right of all posts
.no-reduce-motion .status__collapse-button {
&.activate > .fa-angle-double-up {
animation: spring-flip-in .5s cubic-bezier(.2, 0, .4, 1);
}
&.deactivate > .fa-angle-double-up {
animation: spring-flip-out .5s cubic-bezier(.2, 0, .4, 1);
}
}
@keyframes spring-flip-in {
0% {
transform: rotate(0deg);
}
60% {
transform: rotate(-190deg);
}
85% {
transform: rotate(-175deg);
}
100% {
transform: rotate(-180deg);
}
}
@keyframes spring-flip-out {
0% {
transform: rotate(-180deg);
}
60% {
transform: rotate(10deg);
}
85% {
transform: rotate(-5deg)
}
100% {
transform: rotate(0deg);
}
}

@ -29,6 +29,13 @@
.compose-form__poll-wrapper select {
border-color: $ui-base-lighter-color;
}
.autosuggest-textarea__suggestions {
background: lighten($ui-base-color, 4%);
}
.autosuggest-textarea__suggestions__item.selected,
.autosuggest-textarea__suggestions__item:hover {
background: $ui-highlight-color;
}
.emoji-mart-bar:first-child {
background: lighten($ui-base-color, 7%);
@ -70,6 +77,22 @@
.report-modal__comment .setting-text {
background: $ui-base-color;
}
.boost-modal__action-bar,
.doodle-modal__action-bar,
.confirmation-modal__action-bar,
.mute-modal__action-bar,
.block-modal__action-bar {
background: lighten($ui-base-color, 5%);
}
.confirmation-modal__secondary-button,
.confirmation-modal__cancel-button,
.mute-modal__cancel-button,
.block-modal__cancel-button {
color: $primary-text-color;
&:hover {
color: $ui-highlight-color;
}
}
// app settings modal
.glitch.local-settings {
@ -123,8 +146,12 @@
border-bottom-right-radius: $border-radius;
}
// no separators between posts
// timed line
.status {
border-bottom: 0;
margin-bottom: 10px;
border-bottom: 0; // no separators between posts
}
.media-gallery__item.letterbox {
background: none; // remove the black background from letterbox images
}
@import 'animations';

@ -33,7 +33,7 @@ module Mastodon
end
def post_suffix_version
'-1.0.2'
'-1.0.3'
end
def to_a

Loading…
Cancel
Save