Add cusotm properties of code blocks

This commit is contained in:
Helen Chong 2024-06-20 23:21:40 +08:00
parent 88be453ada
commit 4fab1225e3
1 changed files with 4 additions and 3 deletions

View File

@ -24,6 +24,7 @@
--clr-body-txt: #1f1f23;
--clr-content-bg: #fbfbf7;
--clr-pinned-bg: #fffddd;
--clr-code-bg: #e5e2dc;
--clr-highlight: #ffdd00;
--clr-border-main: #c6ccc8;
--clr-link-hover: #d94c7b;
@ -154,7 +155,7 @@ aside {
margin-inline-start: 1rem;
margin-bottom: 1rem;
padding: 1rem;
background-color: #e5e2dc;
background-color: var(--clr-code-bg);
border-left: 2px solid var(--clr-body-txt);
}
blockquote em,
@ -164,7 +165,7 @@ aside em {
pre {
font-family: "Cousine webfont", monospace;
font-size: 0.85em;
background-color: #e5e2dc;
background-color: var(--clr-code-bg);
margin: 1rem 0rem;
overflow-x: auto;
white-space: pre;
@ -172,7 +173,7 @@ pre {
code {
font-family: "Cousine webfont", monospace;
font-size: 0.85em;
background-color: #e5e2dc;
background-color: var(--clr-code-bg);
padding: 0.125em 0.25em 0em 0.25em;
vertical-align: bottom;
white-space: break-spaces;