Style code blocks

This commit is contained in:
Helen Chong 2024-04-20 18:00:18 +08:00
parent ee571d0efb
commit 46defbf041
1 changed files with 17 additions and 17 deletions

View File

@ -213,11 +213,28 @@ details:focus {
outline-offset: 0.2em;
}
code {
font-family: monospace;
border: 0.07rem solid var(--clr-code-border);
padding: 0.125rem 0.3rem;
margin: 0 0.125rem;
background: var(--clr-code-bg);
}
pre {
white-space: pre-wrap;
overflow-x: auto;
}
pre code {
background: var(--clr-code-bg);
border: 0.08rem solid var(--clr-code-border);
display: block;
padding: 0.5em 0.8rem;
overflow-x: auto;
word-break: keep-all;
}
summary {
cursor: pointer;
}
@ -364,23 +381,6 @@ main {
}
/* SPECIAL ELEMENTS */
.inline-code {
font-family: monospace;
border: 0.07rem solid var(--clr-code-border);
padding: 0.125rem 0.3rem;
margin: 0 0.125rem;
background: var(--clr-code-bg);
}
.code-snippet {
background: var(--clr-code-bg);
border: 0.08rem solid var(--clr-code-border);
display: block;
padding: 0.5em 0.8rem;
overflow-x: auto;
word-break: keep-all;
}
.text-box {
background: var(--clr-quote-bg);
border: 0.1em solid var(--clr-main-heading);