From 9e79830da22a4eac6a03e9dd8ea66daeb1631946 Mon Sep 17 00:00:00 2001
From: Xe Iaso <me@xeiaso.net>
Date: Fri, 13 Sep 2024 08:25:58 -0400
Subject: lume/src: make blogposts look better?

Signed-off-by: Xe Iaso <me@xeiaso.net>
---
 lume/src/_includes/blog.njk | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'lume/src/_includes')

diff --git a/lume/src/_includes/blog.njk b/lume/src/_includes/blog.njk
index 2d8e2bb..f80d0f1 100644
--- a/lume/src/_includes/blog.njk
+++ b/lume/src/_includes/blog.njk
@@ -2,14 +2,14 @@
 layout: base.njk
 ---
 
-<article class="prose dark:prose-invert max-w-none">
+<article class="prose dark:prose-invert max-w-none lg:prose-p:max-w-[80ch] lg:prose-p:mx-auto lg:prose-headings:mx-20 lg:prose-blockquote:max-w-[70ch] lg:prose-blockquote:mx-auto">
     <h1 class="mb-2">{{title}}</h1>
-    <p class="text-sm text-fg-3 dark:text-fgDark-3 my-1">
+    <p class="text-sm text-fg-3 dark:text-fgDark-3 my-1 lg:mx-16">
         Published on <time datetime={{date | date("DATE")}}>{{date | date("DATE_US")}}</time>, {{ readingInfo.words }} words, {{ readingInfo.minutes }} minutes to read
     </p>
 
     {% if desc %}
-        <p class="text-sm font-serif text-fg-3 dark:text-fgDark-3 my-1">{{desc}}</p>
+        <p class="max-w-[60ch] lg:mx-auto text-sm font-serif text-fg-3 dark:text-fgDark-3 my-1">{{desc}}</p>
     {% endif %}
 
     {% if patronExclusive %}
-- 
cgit v1.2.3