Adjust styles for monospace text and code blocks

This commit is contained in:
Helen Chong 2024-06-01 13:36:39 +08:00
parent 618d3f096f
commit 1f2cea72fc
1 changed files with 8 additions and 5 deletions

View File

@ -112,17 +112,20 @@ figcaption {
} }
code { 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 { :not(pre) > code {
color: var(--clr-bold-txt); padding: 0.125em 0.25em;
padding: 0 0.15em; }
:not(pre) > code,
pre {
background-color: var(--clr-code-bg);
} }
pre { pre {
border: 0.07em solid var(--clr-code-border); border: 0.1em solid var(--clr-code-border);
background: var(--clr-code-bg);
max-width: 90vw; max-width: 90vw;
overflow: auto; overflow: auto;
padding: 1rem; padding: 1rem;