From 1f2cea72fc703297b8814c3be4cd044859af2351 Mon Sep 17 00:00:00 2001 From: Helen Chong <119173961+helenclx@users.noreply.github.com> Date: Sat, 1 Jun 2024 13:36:39 +0800 Subject: [PATCH] Adjust styles for monospace text and code blocks --- src/assets/css/general.css | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/src/assets/css/general.css b/src/assets/css/general.css index e63feee6..391b78b4 100644 --- a/src/assets/css/general.css +++ b/src/assets/css/general.css @@ -112,17 +112,20 @@ figcaption { } code { - font-family: var(--ff-monospace), ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace; ; + font-family: var(--ff-monospace), ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace; } :not(pre) > code { - color: var(--clr-bold-txt); - padding: 0 0.15em; + padding: 0.125em 0.25em; +} + +:not(pre) > code, +pre { + background-color: var(--clr-code-bg); } pre { - border: 0.07em solid var(--clr-code-border); - background: var(--clr-code-bg); + border: 0.1em solid var(--clr-code-border); max-width: 90vw; overflow: auto; padding: 1rem;