Blog: Make posts justified with hyphenation

ARK-Builders · Jan 14, 2024 · 1a57e51 · 1a57e51
1 parent 970cc71
commit 1a57e51
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/sass/_custom.scss b/sass/_custom.scss
@@ -200,4 +200,9 @@ th[data-dir="desc"]::after {
   #label {
     text-align: center;
   }
-}
+}
+
+.justify {
+  text-align: justify;
+  hyphens: auto;
+}
diff --git 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
@@ -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>