HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

style: 🎨 Replace to and from with 0% and 100% in CSS @keyframes

Browse source 
Closes #10752
This commit is contained in:
Kainoa Kanter 2023-09-20 12:30:33 -07:00
parent 70ad42c49c
commit 6f0b28859e
3 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/client/src/components/global/MkAvatar.vue
View file

@ -89,7 +89,7 @@ watch(
<style lang="scss" scoped>
@keyframes earwiggleleft {
from {
0% {
transform: rotate(37.6deg) skew(30deg);
}
25% {
@ -101,13 +101,13 @@ watch(
75% {
transform: rotate(0deg) skew(30deg);
}
to {
100% {
transform: rotate(37.6deg) skew(30deg);
}
}
@keyframes earwiggleright {
from {
0% {
transform: rotate(-37.6deg) skew(-30deg);
}
30% {
@ -119,7 +119,7 @@ watch(
75% {
transform: rotate(0deg) skew(-30deg);
}
to {
100% {
transform: rotate(-37.6deg) skew(-30deg);
}
}

4
packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue
View file

@ -297,7 +297,7 @@ const props = withDefaults(
}
@keyframes mfm-rubberBand {
from {
0% {
transform: scale3d(1, 1, 1);
}
30% {
@ -315,7 +315,7 @@ const props = withDefaults(
75% {
transform: scale3d(1.05, 0.95, 1);
}
to {
100% {
transform: scale3d(1, 1, 1);
}
}

14
packages/client/src/style.scss
View file

@ -745,7 +745,7 @@ hr {
}
@keyframes tada {
from {
0% {
transform: scale3d(1, 1, 1);
}
@ -767,14 +767,14 @@ hr {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
100% {
transform: scale3d(1, 1, 1);
}
}
@media (prefers-reduced-motion) {
@keyframes tada {
from {
0% {
transform: scale3d(1, 1, 1);
}
@ -782,7 +782,7 @@ hr {
transform: scale3d(1.1, 1.1, 1.1);
}
to {
100% {
transform: scale3d(1, 1, 1);
}
}
@ -937,7 +937,7 @@ hr {
// }
@keyframes reset {
to {
100% {
transform: none;
opacity: 1;
}
@ -948,13 +948,13 @@ hr {
@media (prefers-reduced-motion: no-preference) {
@keyframes scaleIn {
from {
0% {
transform: scale(0);
opacity: 0;
}
}
@keyframes scaleInSmall {
from {
0% {
transform: scale(0.8);
opacity: 0;
}