From 1a57e5176cced653ae3613a401d91e252d09bc17 Mon Sep 17 00:00:00 2001
From: Moeenahamd <moeenranjha01@gmail.com>
Date: Thu, 11 Jan 2024 10:41:51 +0500
Subject: [PATCH] Blog: Make posts justified with hyphenation

---
 sass/_custom.scss           | 7 ++++++-
 templates/blog/page.html    | 4 ++--
 templates/blog/section.html | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/sass/_custom.scss b/sass/_custom.scss
index ac976bb..d49f7f1 100644
--- a/sass/_custom.scss
+++ b/sass/_custom.scss
@@ -200,4 +200,9 @@ th[data-dir="desc"]::after {
   #label {
     text-align: center;
   }
-}
\ No newline at end of file
+}
+
+.justify {
+  text-align: justify;
+  hyphens: auto;
+}
diff --git a/templates/blog/page.html b/templates/blog/page.html
index 2a6a674..262e631 100644
--- a/templates/blog/page.html
+++ b/templates/blog/page.html
@@ -28,10 +28,10 @@ <h1>{{ page.title }}</h1>
               {% endif %}
           </div>
 
-          <div class="lead">
+          <div class="lead justify">
             {{ page.description | safe }}
           </div>
-          <div class="pt-4 lead">
+          <div class="pt-4 lead justify">
             {{ page.content | safe }}
           </div>
         </article>
diff --git a/templates/blog/section.html b/templates/blog/section.html
index db9f5b6..03650c0 100644
--- a/templates/blog/section.html
+++ b/templates/blog/section.html
@@ -23,7 +23,7 @@ <h1 class="text-center">{{ section.title }}</h1>
   <div class="container">
     <div class="row justify-content-center">
       {% for page in paginator.pages %}
-      <div class="col-12">
+      <div class="col-12 justify">
         <a href="{{page.permalink}}">
           <h1>{{ page.title }}</h1>
         </a>