allow (and properly style) code blocks in headings

sveltejs · Oct 10, 2024 · 1501e5b · 1501e5b
1 parent b49c510
commit 1501e5b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/apps/svelte.dev/src/routes/docs/[...path]/+layout.svelte b/apps/svelte.dev/src/routes/docs/[...path]/+layout.svelte
@@ -31,6 +31,7 @@
 
 	.page :global(:where(h2, h3) code) {
 		all: unset;
+		font-family: var(--sk-font-mono);
 	}
 
 	@media (min-width: 832px) {

diff --git a/packages/site-kit/src/lib/markdown/renderer.ts b/packages/site-kit/src/lib/markdown/renderer.ts
@@ -269,10 +269,7 @@ export async function render_content_markdown(
 			headings[depth - 1] = slugify(raw);
 			headings.length = depth;
 			const slug = headings.filter(Boolean).join('-');
-			return `<h${depth} id="${slug}">${text.replace(
-				/<\/?code>/g,
-				''
-			)}<a href="#${slug}" class="permalink"><span class="visually-hidden">permalink</span></a></h${depth}>`;
+			return `<h${depth} id="${slug}">${text}<a href="#${slug}" class="permalink"><span class="visually-hidden">permalink</span></a></h${depth}>`;
 		},
 		code({ text }) {
 			return snippets.get(text);