src/components/rich_content/rich_content.jsx

@@ -71,7 +71,9 @@ export default {
   // NEVER EVER TOUCH DATA INSIDE RENDER
   render () {
     // Don't greentext MFM
-    const greentext = this.mfm ? false : this.greentext
+    if (this.mfm) {
+      this.greentext = false
+    }
 
     // Pre-process HTML
     const { newHtml: html } = preProcessPerLine(this.html, greentext)

static/mfm.css

@@ -23,10 +23,10 @@
   animation: mfm-spin 0.5s linear infinite;
 }
 
-._mfm_spin_[data-x] {
+._mfm_spin_[x] {
   animation-name: mfm-spinX;
 }
-._mfm_spin_[data-y] {
+._mfm_spin_[y] {
   animation-name: mfm-spinY;
 }
 ._mfm_spin_[left] {