handle xN operators

src/components/rich_content/rich_content.jsx

@@ -449,9 +449,14 @@ export default {
                 newAttrs.style = rules
                 break
               }
+              case 'sparkle':
+              case 'x2':
+              case 'x3':
+              case 'x4':
+                // handled by css
+                break
               default:
-                console.log(mfmOperator, opener)
-                console.log(mfmOperator)
+                console.warn('Unsupported MFM operator:', mfmOperator, opener)
                 break
             }
           }

src/components/rich_content/rich_content.scss

@@ -16,6 +16,18 @@
       animation-play-state: paused;
     }
 
+    &[data-mfm-operator="x2"] {
+      font-size: 300%
+    }
+
+    &[data-mfm-operator="x3"] {
+      font-size: 400%
+    }
+
+    &[data-mfm-operator="x4"] {
+      font-size: 600%
+    }
+
     &[data-mfm-operator="sparkle"] {
       position: relative;