From f70128a3deacc26ceccb7d397ce6cd73acceb7f9 Mon Sep 17 00:00:00 2001
From: Claudio Yanes <me@claudio4.com>
Date: Wed, 9 Mar 2022 17:58:01 +0000
Subject: [PATCH] Prevent overflow of long links and words

When a word (or any string withtout breakpoints (spaces, dashes....), making links the most common place where this becamoes an issue)  is wider than its container, the text will simply overflow any container, including the viewport. This commit fixes this behaviour by making the word-drap strategy of the browser more aggresive.
---
 assets/styles/base.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/assets/styles/base.scss b/assets/styles/base.scss
index 630ab3db..d5b51500 100644
--- a/assets/styles/base.scss
+++ b/assets/styles/base.scss
@@ -183,6 +183,10 @@ article {
       border-radius: 3px;
     }
   }
+  
+  & p {
+    overflow-wrap: anywhere;
+  }
 }
 
 .backlinks a {