From 46defbf04147af727b047e9c124eb5d7bbb33713 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sat, 20 Apr 2024 18:00:18 +0800
Subject: [PATCH] Style code blocks

---
 src/assets/css/main.css | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index b7438516..78afd6e6 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -213,11 +213,28 @@ details:focus {
     outline-offset: 0.2em;
 }
 
+code {
+    font-family: monospace;
+    border: 0.07rem solid var(--clr-code-border);
+    padding: 0.125rem 0.3rem;
+    margin: 0 0.125rem;
+    background: var(--clr-code-bg);
+}
+
 pre {
     white-space: pre-wrap;
     overflow-x: auto;
 }
 
+pre code {
+    background: var(--clr-code-bg);
+    border: 0.08rem solid var(--clr-code-border);
+    display: block;
+    padding: 0.5em 0.8rem;
+    overflow-x: auto;
+    word-break: keep-all;
+}
+
 summary {
     cursor: pointer;
 }
@@ -364,23 +381,6 @@ main {
 }
 
 /* SPECIAL ELEMENTS */
-.inline-code {
-    font-family: monospace;
-    border: 0.07rem solid var(--clr-code-border);
-    padding: 0.125rem 0.3rem;
-    margin: 0 0.125rem;
-    background: var(--clr-code-bg);
-}
-
-.code-snippet {
-    background: var(--clr-code-bg);
-    border: 0.08rem solid var(--clr-code-border);
-    display: block;
-    padding: 0.5em 0.8rem;
-    overflow-x: auto;
-    word-break: keep-all;
-}
-
 .text-box {
     background: var(--clr-quote-bg);
     border: 0.1em solid var(--clr-main-heading);