From 08021fa9459582a58db7f407b052dc522e68de3e Mon Sep 17 00:00:00 2001
From: Nathan Upchurch <nathan@upchur.ch>
Date: Mon, 18 Mar 2024 19:59:45 -0500
Subject: [PATCH] Better <code> styling

---
 public/css/code.css  | 6 +++---
 public/css/index.css | 6 ++++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/public/css/code.css b/public/css/code.css
index c7ad3a3..752d454 100644
--- a/public/css/code.css
+++ b/public/css/code.css
@@ -4,7 +4,7 @@ pre[class*="language-"] {
 	background: none;
 	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
 	font-family: var(--font-family-monospace);
-	font-size: var(--font-n);
+	font-size: var(--step--1);
 	text-align: left;
 	white-space: pre;
 	word-spacing: normal;
@@ -24,7 +24,7 @@ pre[class*="language-"] {
 
 /* Code blocks */
 pre[class*="language-"] {
-	padding: var(--single-gap);
+	padding: var(--space-2xs);
 	margin: .5em 0;
 	overflow: auto;
 	border-radius: 0.3em;
@@ -121,7 +121,7 @@ pre[class*="language-diff-"] {
 	padding-left: var(--eleventy-code-padding);
 	padding-right: var(--eleventy-code-padding);
 	font-family: var(--font-family-monospace);
-	font-size: 1em;
+	font-size: var(--step--1);
 }
 .token.deleted {
 	background-color: hsl(0, 51%, 37%);
diff --git a/public/css/index.css b/public/css/index.css
index 2111daf..92b0f54 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -181,6 +181,12 @@ body {
 button, .nav-item {
 	font-family: var(--font-family-ui);
 }
+code {
+	background-color: var(--color-gray-20);
+	border-radius: 0.3em;
+	font-size: var(--step--1);
+	padding: 0 var(--space-3xs);
+}
 header, footer, main {
 	display: grid;
 	gap: var(--grid-gutter);