add fade to MFM options

2023-05-15 13:30:42 +10:00 · 2023-05-15 13:30:42 +10:00 · a4f075271f
commit a4f075271f
parent 006358540c
1 changed files with 10 additions and 0 deletions
--- a/packages/client/src/components/mfm.ts
+++ b/packages/client/src/components/mfm.ts
@ -253,6 +253,16 @@ export default defineComponent({
 									style = `background-color: #${color};`;
 									break;
 								}
+								case "fade": {
+									const direction = token.props.args.out
+										? "alternate-reverse"
+										: "alternate";
+									const speed = validTime(token.props.args.speed) || "1.5s";
+									style =
+										this.$store.state.animatedMfm && !reducedMotion()
+											? `animation: mfm-fade ${speed} linear infinite; animation-direction: ${direction};`
+											: "";
+								}
 							}
 							if (style == null) {
 								return h("span", {}, [