From e20dee28508bba8420eb1fb01e43dc23aeaf27f4 Mon Sep 17 00:00:00 2001
From: MassiveJuice <122503558+MasssiveJuice08@users.noreply.github.com>
Date: Sat, 6 Jul 2024 04:25:29 +1200
Subject: [PATCH] Fix: Table `overflow-wrap: anywhere` breaks words on mobile
 (#1259)

Closes #1258
---
 quartz/styles/base.scss | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index b023b27..37aa8ce 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -43,10 +43,22 @@ ul,
 .math {
   color: var(--darkgray);
   fill: var(--darkgray);
-  overflow-wrap: anywhere;
   hyphens: auto;
 }
 
+p,
+ul,
+text,
+a,
+li,
+ol,
+ul,
+.katex,
+.math {
+  overflow-wrap: anywhere;
+  /* tr and td removed from list of selectors for overflow-wrap, allowing them to use default 'normal' property value */
+}
+
 .math {
   &.math-display {
     text-align: center;