From 2066c9933766f5176a79ecf4ce5acc3a5fd339f1 Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Thu, 5 Nov 2026 11:16:10 +0100 Subject: fix: code block alignment and backticks around inline code The line number column took a share of the spare table width, pushing the code to the right. Typography's literal backticks showed around inline code, which already has its own box. Co-Authored-By: Claude Opus 5.5 --- assets/css/chroma-custom.css | 5 +++++ assets/css/main.css | 6 ++++++ assets/css/main.min.css | 7 +++++++ 3 files changed, 18 insertions(+) (limited to 'assets/css') diff --git a/assets/css/chroma-custom.css b/assets/css/chroma-custom.css index d632e09..b4a8c49 100644 --- a/assets/css/chroma-custom.css +++ b/assets/css/chroma-custom.css @@ -140,6 +140,11 @@ vertical-align: top; } +/* The line numbers take only the width they need, the code gets the rest. */ +.highlight .lntd:first-child { + width: 1%; +} + /* Line number column — not selectable */ /* color: --ctp-overlay0 (#6e738d) on --ctp-surface0 (#363a4f) = ~3.5:1 */ .highlight .lnt, diff --git a/assets/css/main.css b/assets/css/main.css index 05e491e..d59e7a5 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -2104,3 +2104,9 @@ html.theme-light .hero-name { .section-title::before, .section-title::after { display: none; } } + +/* Inline code already has its own box: no literal backticks around it. */ +.prose code::before, +.prose code::after { + content: none; +} diff --git a/assets/css/main.min.css b/assets/css/main.min.css index cb92172..afa3039 100644 --- a/assets/css/main.min.css +++ b/assets/css/main.min.css @@ -5067,6 +5067,13 @@ html.theme-light .hero-name { } } +/* Inline code already has its own box: no literal backticks around it. */ + +.prose code::before, +.prose code::after { + content: none; +} + .hover\:bg-surface:hover { background-color: var(--surface); } -- cgit v1.2.3