From 040b191430f0176e43740c56914c0517fbfa392a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 10 Jul 2026 12:52:50 +0300
Subject: [PATCH] handle xN operators

---
 src/components/rich_content/rich_content.jsx  |  9 +++++++--
 src/components/rich_content/rich_content.scss | 12 ++++++++++++
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx
index fa2244a26..990497007 100644
--- a/src/components/rich_content/rich_content.jsx
+++ b/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
             }
           }
diff --git a/src/components/rich_content/rich_content.scss b/src/components/rich_content/rich_content.scss
index b2d756da2..18ae9ac67 100644
--- a/src/components/rich_content/rich_content.scss
+++ b/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;