From 3a2d5ebb0a129cc80f03619fea60486299890d11 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Mon, 7 Oct 2024 20:45:26 -0400
Subject: [PATCH] fix #261

---
 apps/svelte.dev/src/routes/blog/+page.svelte        | 2 +-
 apps/svelte.dev/src/routes/blog/[slug]/+page.svelte | 2 +-
 packages/site-kit/src/lib/server/content/index.ts   | 6 +++++-
 packages/site-kit/src/lib/styles/base.css           | 4 ++--
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/apps/svelte.dev/src/routes/blog/+page.svelte b/apps/svelte.dev/src/routes/blog/+page.svelte
index c85cfbcd3c..9c6db8ac5d 100644
--- a/apps/svelte.dev/src/routes/blog/+page.svelte
+++ b/apps/svelte.dev/src/routes/blog/+page.svelte
@@ -28,7 +28,7 @@
 	<article class="top" data-pubdate={top.date}>
 		<a href="/{top.slug}" title="Read the article »">
 			<h2>{top.metadata.title}</h2>
-			<p>{top.metadata.description}</p>
+			<p>{@html top.metadata.description}</p>
 		</a>
 
 		<Byline post={top} />
diff --git a/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte b/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte
index 130f8a3657..d9acef0c50 100644
--- a/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte
+++ b/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte
@@ -24,7 +24,7 @@
 <div class="content">
 	<article class="post listify text">
 		<h1>{data.metadata.title}</h1>
-		<p class="standfirst">{data.metadata.description}</p>
+		<p class="standfirst">{@html data.metadata.description}</p>
 
 		<Byline post={data} />
 
diff --git a/packages/site-kit/src/lib/server/content/index.ts b/packages/site-kit/src/lib/server/content/index.ts
index 49392ec36d..59b62d014e 100644
--- a/packages/site-kit/src/lib/server/content/index.ts
+++ b/packages/site-kit/src/lib/server/content/index.ts
@@ -25,7 +25,11 @@ export async function create_index(
 		}
 
 		metadata.title = smart_quotes(metadata.title);
-		if (metadata.description) metadata.description = smart_quotes(metadata.description);
+		if (metadata.description)
+			metadata.description = smart_quotes(metadata.description).replace(
+				/`(.+?)`/g,
+				'<code>$1</code>'
+			);
 
 		const sections = Array.from(body.matchAll(/^##\s+(.*)$/gm)).map((match) => {
 			const title = match[1].replace(/`/g, '').replace(/&lt;/g, '<').replace(/&gt;/g, '>');
diff --git a/packages/site-kit/src/lib/styles/base.css b/packages/site-kit/src/lib/styles/base.css
index 16f1380ad1..74246bdf02 100644
--- a/packages/site-kit/src/lib/styles/base.css
+++ b/packages/site-kit/src/lib/styles/base.css
@@ -92,7 +92,7 @@ kbd {
 }
 
 code {
-	font-size: var(--sk-font-size-code);
+	font-size: 0.666em;
 	position: relative;
 	border-radius: 0.3em;
 	white-space: nowrap;
@@ -100,7 +100,6 @@ code {
 	-webkit-font-smoothing: initial;
 	padding: 0.4rem;
 	margin: 0 0.2rem;
-	top: -0.1rem;
 	background: var(--sk-back-4);
 	line-height: 1.7;
 }
@@ -115,6 +114,7 @@ pre code {
 	background-color: transparent;
 	padding: 0;
 	margin: 0;
+	font-size: var(--sk-font-size-code);
 }
 
 ::selection {