From ef17d1d29212f5dc0218bfca1c30709e5a35f7b2 Mon Sep 17 00:00:00 2001 From: Radu Date: Thu, 23 Nov 2023 14:21:12 -0500 Subject: Reduce spacing around code and round corners --- page.js | 1 + styles.css | 14 ++++++++++++++ 2 files changed, 15 insertions(+) diff --git a/page.js b/page.js index 249dc9d..404a0da 100644 --- a/page.js +++ b/page.js @@ -38,6 +38,7 @@ function handleMsg() { const code = block.slice(newlineIdx + 1); const preEl = document.createElement("pre"); + preEl.classList.add("code-block"); const codeEl = document.createElement("code"); if (lang) codeEl.classList.add("language-" + lang); codeEl.appendChild(document.createTextNode(code)); diff --git a/styles.css b/styles.css index 55cc732..a63efc9 100644 --- a/styles.css +++ b/styles.css @@ -6,3 +6,17 @@ math { font-family: "STIXTwoMath"; } + +code.hljs { + padding: 2px; + border-radius: 2px; +} + +pre code.hljs { + padding: 0.5em; + border-radius: 0.5em; +} + +pre.code-block { + margin: 0.5em 0; +} -- cgit v1.2.3