From 73320e6fb395d9ec225f9fae1f3d6ce152c2da84 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Sat, 18 Nov 2023 11:15:42 -0800
Subject: [PATCH] Fix <code> block and inline styles

---
 assets/styles/monokai.css               |  2 +-
 assets/styles/root/002_colors.css       |  2 +-
 assets/styles/root/002_layout.css       | 14 ++++++++++----
 assets/styles/root/010_interactions.css |  2 +-
 assets/styles/root/050_typography.css   |  2 +-
 5 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/assets/styles/monokai.css b/assets/styles/monokai.css
index 6cdf2a1..c6ad8b2 100644
--- a/assets/styles/monokai.css
+++ b/assets/styles/monokai.css
@@ -1,5 +1,5 @@
 :root {
-    --highlight-background-color: rgb(var(--super-lt-gray));
+    --highlight-background-color: rgb(250, 250, 250);
     --highlight-foreground-color: var(--foreground-body-color);
 }
 
diff --git a/assets/styles/root/002_colors.css b/assets/styles/root/002_colors.css
index dbdccce..abdfa1b 100644
--- a/assets/styles/root/002_colors.css
+++ b/assets/styles/root/002_colors.css
@@ -205,7 +205,7 @@
     border: 1px solid var(--separator-color);
   }
 
-  .highlight code {
+  figure.code code {
     background-color: inherit;
   }
 
diff --git a/assets/styles/root/002_layout.css b/assets/styles/root/002_layout.css
index caa2153..7f4288c 100644
--- a/assets/styles/root/002_layout.css
+++ b/assets/styles/root/002_layout.css
@@ -86,6 +86,11 @@
     margin: 0;
   }
 
+  p code {
+    padding-block-start: 0.1em;
+    padding-inline: 0.25em;
+  }
+
   code.nobg {
     display: inline-block;
     margin: 0;
@@ -124,12 +129,13 @@
     }
   }
 
-  figure.code .line > .ln {
-    grid-column: gutter-start;
+  figure.code {
+    grid-column: content-start / content-end;
   }
 
-  figure.code .line > .cl {
-    grid-column: content-start / content-end;
+  figure.code pre {
+    overflow: auto;
+    padding: 1rem;
   }
 
   figure > .container {
diff --git a/assets/styles/root/010_interactions.css b/assets/styles/root/010_interactions.css
index 22b1c16..955448b 100644
--- a/assets/styles/root/010_interactions.css
+++ b/assets/styles/root/010_interactions.css
@@ -5,7 +5,7 @@
 }
 
 @layer root {
-  .highlight .ln a {
+  figure.code .ln a {
     -webkit-user-select: none;
     -moz-use-select: none;
     -ms-user-select: none;
diff --git a/assets/styles/root/050_typography.css b/assets/styles/root/050_typography.css
index c4140b9..2121d0a 100644
--- a/assets/styles/root/050_typography.css
+++ b/assets/styles/root/050_typography.css
@@ -59,7 +59,7 @@
         text-align: center;
     }
 
-    figure .highlight .cl {
+    figure.code .cl {
         white-space: pre-wrap;
     }