hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

formatting

Browse source
This commit is contained in:
Henry Jameson 2026-07-07 11:41:57 +03:00
commit fa0c601149
1 changed files with 258 additions and 258 deletions
Download patch file Download diff file Expand all files Collapse all files

516
src/components/rich_content/rich_content.scss
View file

@ -190,269 +190,269 @@ a .RichContent {
}
@keyframes mfm-jump {
0% {
transform: translateY(0)
}
25% {
transform: translateY(-1em)
}
50% {
transform: translateY(0)
}
75% {
transform: translateY(-0.5em)
}
100% {
transform: translateY(0)
}
}
@keyframes mfm-bounce {
0% {
transform: translateY(0) scale(1)
}
25% {
transform: translateY(-16px) scale(1)
}
50% {
transform: translateY(0) scale(1)
}
75% {
transform: translateY(0) scale(1.5,.75)
}
100% {
transform: translateY(0) scale(1)
}
}
@keyframes mfm-twitch {
0% {
transform: translate(7px,-2px)
}
5% {
transform: translate(-3px,1px)
}
10% {
transform: translate(-7px,-1px)
}
15% {
transform: translateY(-1px)
}
20% {
transform: translate(-8px,6px)
}
25% {
transform: translate(-4px,-3px)
}
30% {
transform: translate(-4px,-6px)
}
35% {
transform: translate(-8px,-8px)
}
40% {
transform: translate(4px,6px)
}
45% {
transform: translate(-3px,1px)
}
50% {
transform: translate(2px,-10px)
}
55% {
transform: translate(-7px)
}
60% {
transform: translate(-2px,4px)
}
65% {
transform: translate(3px,-8px)
}
70% {
transform: translate(6px,7px)
}
75% {
transform: translate(-7px,-2px)
}
80% {
transform: translate(-7px,-8px)
}
85% {
transform: translate(9px,3px)
}
90% {
transform: translate(-3px,-2px)
}
95% {
transform: translate(-10px,2px)
}
100% {
transform: translate(-2px,-6px)
}
}
@keyframes mfm-shake {
0% {
transform: translate(-3px,-1px) rotate(-8deg)
}
5% {
transform: translateY(-1px) rotate(-10deg)
}
10% {
transform: translate(1px,-3px) rotate(0)
}
15% {
transform: translate(1px,1px) rotate(11deg)
}
20% {
transform: translate(-2px,1px) rotate(1deg)
}
25% {
transform: translate(-1px,-2px) rotate(-2deg)
}
30% {
transform: translate(-1px,2px) rotate(-3deg)
}
35% {
transform: translate(2px,1px)rotate(6deg)
}
40% {
transform: translate(-2px,-3px)rotate(-9deg)
}
45% {
transform: translateY(-1px)rotate(-12deg)
}
50% {
transform: translate(1px,2px)rotate(10deg)
}
55% {
transform: translateY(-3px)rotate(8deg)
}
60% {
transform: translate(1px,-1px)rotate(8deg)
}
65% {
transform: translateY(-1px)rotate(-7deg)
}
70% {
transform: translate(-1px,-3px)rotate(6deg)
}
75% {
transform: translateY(-2px)rotate(4deg)
}
80% {
transform: translate(-2px,-1px)rotate(3deg)
}
85% {
transform: translate(1px,-3px)rotate(-10deg)
}
90% {
transform: translate(1px)rotate(3deg)
}
95% {
transform: translate(-2px)rotate(-3deg)
}
100% {
transform: translate(2px,1px)rotate(2deg)
}
}
@keyframes mfm-rubberBand {
0% {
transform: scale(1)
}
30% {
transform: scale(1.25,.75)
}
40% {
transform: scale(.75,1.25)
}
50% {
transform: scale(1.15,.85)
}
65% {
transform: scale(.95,1.05)
}
75% {
transform: scale(1.05,.95)
}
100% {
transform: scale(1)
}
}
@keyframes mfm-rainbow {
0% {
filter: hue-rotate()contrast(150%)saturate(150%)
}
100% {
filter: hue-rotate(360deg)contrast(150%)saturate(150%)
}
}
@keyframes cheap-sparkle {
0% {
filter: hue-rotate()contrast(150%)saturate(150%);
transform: translateY(0);
}
25% {
transform: translateY(-1em);
}
50% {
transform: translateY(0);
}
75% {
transform: translateY(-0.5em);
}
100% {
filter: hue-rotate(360deg)contrast(150%)saturate(150%);
transform: translateY(0);
}
}
@keyframes mfm-bounce {
0% {
transform: translateY(0) scale(1);
}
25% {
transform: translateY(-16px) scale(1);
}
50% {
transform: translateY(0) scale(1);
}
75% {
transform: translateY(0) scale(1.5,.75);
}
100% {
transform: translateY(0) scale(1);
}
}
@keyframes mfm-twitch {
0% {
transform: translate(7px, -2px);
}
5% {
transform: translate(-3px, 1px);
}
10% {
transform: translate(-7px, -1px);
}
15% {
transform: translateY(-1px);
}
20% {
transform: translate(-8px, 6px);
}
25% {
transform: translate(-4px, -3px);
}
30% {
transform: translate(-4px, -6px);
}
35% {
transform: translate(-8px, -8px);
}
40% {
transform: translate(4px, 6px);
}
45% {
transform: translate(-3px, 1px);
}
50% {
transform: translate(2px, -10px);
}
55% {
transform: translate(-7px);
}
60% {
transform: translate(-2px, 4px);
}
65% {
transform: translate(3px, -8px);
}
70% {
transform: translate(6px, 7px);
}
75% {
transform: translate(-7px, -2px);
}
80% {
transform: translate(-7px, -8px);
}
85% {
transform: translate(9px, 3px);
}
90% {
transform: translate(-3px, -2px);
}
95% {
transform: translate(-10px, 2px);
}
100% {
transform: translate(-2px, -6px);
}
}
@keyframes mfm-shake {
0% {
transform: translate(-3px, -1px) rotate(-8deg);
}
5% {
transform: translateY(-1px) rotate(-10deg);
}
10% {
transform: translate(1px, -3px) rotate(0);
}
15% {
transform: translate(1px, 1px) rotate(11deg);
}
20% {
transform: translate(-2px, 1px) rotate(1deg);
}
25% {
transform: translate(-1px, -2px) rotate(-2deg);
}
30% {
transform: translate(-1px, 2px) rotate(-3deg);
}
35% {
transform: translate(2px, 1px) rotate(6deg);
}
40% {
transform: translate(-2px, -3px) rotate(-9deg);
}
45% {
transform: translateY(-1px) rotate(-12deg);
}
50% {
transform: translate(1px, 2px) rotate(10deg);
}
55% {
transform: translateY(-3px) rotate(8deg);
}
60% {
transform: translate(1px, -1px) rotate(8deg);
}
65% {
transform: translateY(-1px) rotate(-7deg);
}
70% {
transform: translate(-1px, -3px) rotate(6deg);
}
75% {
transform: translateY(-2px) rotate(4deg);
}
80% {
transform: translate(-2px, -1px) rotate(3deg);
}
85% {
transform: translate(1px, -3px) rotate(-10deg);
}
90% {
transform: translate(1px) rotate(3deg);
}
95% {
transform: translate(-2px) rotate(-3deg);
}
100% {
transform: translate(2px, 1px) rotate(2deg);
}
}
@keyframes mfm-rubberBand {
0% {
transform: scale(1);
}
30% {
transform: scale(1.25, .75);
}
40% {
transform: scale(.75, 1.25);
}
50% {
transform: scale(1.15, .85);
}
65% {
transform: scale(.95, 1.05);
}
75% {
transform: scale(1.05, .95);
}
100% {
transform: scale(1);
}
}
@keyframes mfm-rainbow {
0% {
filter: hue-rotate() contrast(150%) saturate(150%);
}
100% {
filter: hue-rotate(360deg) contrast(150%) saturate(150%);
}
}
@keyframes cheap-sparkle {
0% {
filter: hue-rotate() contrast(150%) saturate(150%);
transform: translateY(-0.5em);
}
100% {
filter: hue-rotate(360deg) contrast(150%) saturate(150%);
transform: translateY(0.5em);
}
}