From 3b3528839684d3ee6d73bf09c63d4eefba7a44d2 Mon Sep 17 00:00:00 2001 From: Robert Günzler Date: Sat, 22 Nov 2025 20:43:31 +0100 Subject: fix styling of code blocks MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Robert Günzler --- links/main.css | 24 +++++++++++++----------- 1 file changed, 13 insertions(+), 11 deletions(-) (limited to 'links/main.css') diff --git a/links/main.css b/links/main.css index 2773b3f..013f7e5 100644 --- a/links/main.css +++ b/links/main.css @@ -9,6 +9,8 @@ --body-spacing: 45px; --body-line-height: 1.3; --body-inline-padding: 15px; + + --dashed: 1px dashed color-mix(in srgb, var(--bg) 80%, var(--fg)); } ::selection { @@ -141,24 +143,24 @@ main>q { margin-left: 30px; } -main>pre { +main pre { background: color-mix(in srgb, var(--bg) 95%, var(--fg)); - border: 1px dashed color-mix(in srgb, var(--bg) 80%, var(--fg)); - font-family: monospace; + border: var(--dashed); padding: var(--body-inline-padding); + margin-bottom: 30px; + overflow-x: scroll; } -main>code { +main code { font-family: monospace; - margin-bottom: 30px; - display: block; - background: var(--fg); - color: var(--bg); - padding: var(--body-inline-padding); - white-space: pre } -main>code comment { +main p>code { + border: var(--dashed); + padding: 1px 4px; +} + +main code comment { color: #777 } -- cgit 1.4.1