From 4897847601c69dd7af98e9e91f624e8c11a83374 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 23 Oct 2023 16:23:45 +0800
Subject: [PATCH] Let's prettify all paragraphs

---
 src/index.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/index.css b/src/index.css
index 8508da46..307b6ea2 100644
--- a/src/index.css
+++ b/src/index.css
@@ -148,6 +148,16 @@ body {
   }
 }
 
+p {
+  /*
+    white-space is shorthand for two values; white-space-collapse and text-wrap
+    https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
+    !important is needed to override higher specificity when elements are styled
+    with `white-space` and 1 value, which doesn't have "pretty"
+  */
+  text-wrap: pretty !important;
+}
+
 a {
   color: var(--link-color);
   text-decoration-color: var(--link-faded-color);