From 723764bad5a3be61d03273d18489d1438682ffb0 Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Wed, 4 Sep 2024 15:26:03 +0200
Subject: [PATCH] More use of preatty wrap and max line width.

---
 assets/sass/base/grouping/_grouping.scss | 6 ++++++
 assets/sass/base/images/_images.scss     | 5 +++++
 2 files changed, 11 insertions(+)

diff --git a/assets/sass/base/grouping/_grouping.scss b/assets/sass/base/grouping/_grouping.scss
index 693d647..eb03840 100644
--- a/assets/sass/base/grouping/_grouping.scss
+++ b/assets/sass/base/grouping/_grouping.scss
@@ -13,8 +13,12 @@
 blockquote {
   // Add vertical rhythm margins.
   @include margin-block(0 1);
+  // Nicer text wrap, e.g. no lone work on last line.
+  text-wrap: pretty;
   // Also indent the quote on both sides.
   margin-inline: var(--indent-amount);
+  // Set max text line width in main for readability.
+  max-width: var(--max-line-width);
 }
 
 // Lists
@@ -47,6 +51,8 @@ menu {
 }
 
 li {
+  // Nicer text wrap, e.g. no lone work on last line.
+  text-wrap: pretty;
   // Set max text line width in main for readability.
   .main & {
     max-width: var(--max-line-width);
diff --git a/assets/sass/base/images/_images.scss b/assets/sass/base/images/_images.scss
index bb7c570..3191006 100644
--- a/assets/sass/base/images/_images.scss
+++ b/assets/sass/base/images/_images.scss
@@ -36,6 +36,11 @@ figure {
   &.image {
     figcaption {
       padding-block-start: var(--image-padding);
+      // Set max text line width in main for readability.
+      max-width: var(--max-line-width);
+      // Nicer text wrap, e.g. no lone work on last line.
+      text-wrap: pretty;
+
 
       @include respond-to(s) {
         display: table-caption;