From b89fffe9597dc7dbf7ee1c1e6cbf8763a8beb4b5 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 {