From dd2b067e9814f72682c0daad0e7bff1226924314 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Mon, 24 Nov 2025 10:04:12 -0600
Subject: [PATCH] Add properties for Lexxy's built-in styles

Usually, `<b>`, `<i>`, etc are enough but when you attempt a combo like
bold-italic, Lexxy applies two classes to a single element instead of
rendering tags like in the output
---
 app/assets/stylesheets/rich-text-content.css | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/rich-text-content.css b/app/assets/stylesheets/rich-text-content.css
index 5e871260f..38c7722e2 100644
--- a/app/assets/stylesheets/rich-text-content.css
+++ b/app/assets/stylesheets/rich-text-content.css
@@ -28,10 +28,19 @@
       }
     }
 
-    :where(b, strong) {
+    :where(b, strong, .lexxy-content__bold) {
       font-weight: 700;
     }
 
+    :where(i, em, .lexxy-content__italic) {
+      font-style: italic;
+    }
+
+    :where(s, .lexxy-content__strikethrough) {
+      text-decoration: line-through;
+    }
+
+
     :where(p, blockquote) {
       letter-spacing: -0.005ch;
     }
@@ -75,10 +84,6 @@
       padding-block: var(--block-margin);
     }
 
-    .lexxy-content__strikethrough {
-      text-decoration: line-through;
-    }
-
     /* Code */
     :where(code, pre) {
       background-color: var(--color-canvas);