From 25eaca442cbcd1ad760c07cc17ed0d46c4897b8a Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Wed, 6 Nov 2024 09:03:36 -0800
Subject: [PATCH] Style plain text code blocks

For quotes of poetry, etc, style pre-formatted blocks of plain text.
---
 assets/css/000_reset.css                            | 2 +-
 assets/css/010_structure.css                        | 2 +-
 assets/css/050_codeblocks.css                       | 6 ++++++
 layouts/_default/_markup/render-codeblock-text.html | 3 +++
 4 files changed, 11 insertions(+), 2 deletions(-)
 create mode 100644 layouts/_default/_markup/render-codeblock-text.html

diff --git a/assets/css/000_reset.css b/assets/css/000_reset.css
index 0c0e66f..2042fe3 100644
--- a/assets/css/000_reset.css
+++ b/assets/css/000_reset.css
@@ -12,7 +12,7 @@
  ********/
 
 
-figure, h1, h2, h3, h4, h5, h6, p {
+figure, h1, h2, h3, h4, h5, h6, p, pre {
     margin: 0;
     padding: 0;
 }
diff --git a/assets/css/010_structure.css b/assets/css/010_structure.css
index 69b81eb..35d8dfa 100644
--- a/assets/css/010_structure.css
+++ b/assets/css/010_structure.css
@@ -106,7 +106,7 @@ body {
   grid-column: main-start / main-end;
 }
 
-.content > :is(.figure--image, pre) {
+.content > :is(.figure--image, .codeblock) {
   grid-column: wide-gutter-start / wide-gutter-end;
 }
 
diff --git a/assets/css/050_codeblocks.css b/assets/css/050_codeblocks.css
index e96f048..c8bf95e 100644
--- a/assets/css/050_codeblocks.css
+++ b/assets/css/050_codeblocks.css
@@ -24,6 +24,12 @@
 }
 
 
+.pre--plaintext {
+  font-family: var(--font-family-body);
+  grid-column: main-start / main-end;
+}
+
+
 
 
 
diff --git a/layouts/_default/_markup/render-codeblock-text.html b/layouts/_default/_markup/render-codeblock-text.html
new file mode 100644
index 0000000..d9325e5
--- /dev/null
+++ b/layouts/_default/_markup/render-codeblock-text.html
@@ -0,0 +1,3 @@
+<pre class="pre--plaintext">
+{{ .Inner | safeHTML }}
+</pre>