Add cusotm properties of code blocks
This commit is contained in:
parent
88be453ada
commit
4fab1225e3
|
@ -24,6 +24,7 @@
|
||||||
--clr-body-txt: #1f1f23;
|
--clr-body-txt: #1f1f23;
|
||||||
--clr-content-bg: #fbfbf7;
|
--clr-content-bg: #fbfbf7;
|
||||||
--clr-pinned-bg: #fffddd;
|
--clr-pinned-bg: #fffddd;
|
||||||
|
--clr-code-bg: #e5e2dc;
|
||||||
--clr-highlight: #ffdd00;
|
--clr-highlight: #ffdd00;
|
||||||
--clr-border-main: #c6ccc8;
|
--clr-border-main: #c6ccc8;
|
||||||
--clr-link-hover: #d94c7b;
|
--clr-link-hover: #d94c7b;
|
||||||
|
@ -154,7 +155,7 @@ aside {
|
||||||
margin-inline-start: 1rem;
|
margin-inline-start: 1rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
background-color: #e5e2dc;
|
background-color: var(--clr-code-bg);
|
||||||
border-left: 2px solid var(--clr-body-txt);
|
border-left: 2px solid var(--clr-body-txt);
|
||||||
}
|
}
|
||||||
blockquote em,
|
blockquote em,
|
||||||
|
@ -164,7 +165,7 @@ aside em {
|
||||||
pre {
|
pre {
|
||||||
font-family: "Cousine webfont", monospace;
|
font-family: "Cousine webfont", monospace;
|
||||||
font-size: 0.85em;
|
font-size: 0.85em;
|
||||||
background-color: #e5e2dc;
|
background-color: var(--clr-code-bg);
|
||||||
margin: 1rem 0rem;
|
margin: 1rem 0rem;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
|
@ -172,7 +173,7 @@ pre {
|
||||||
code {
|
code {
|
||||||
font-family: "Cousine webfont", monospace;
|
font-family: "Cousine webfont", monospace;
|
||||||
font-size: 0.85em;
|
font-size: 0.85em;
|
||||||
background-color: #e5e2dc;
|
background-color: var(--clr-code-bg);
|
||||||
padding: 0.125em 0.25em 0em 0.25em;
|
padding: 0.125em 0.25em 0em 0.25em;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
white-space: break-spaces;
|
white-space: break-spaces;
|
||||||
|
|
Loading…
Reference in New Issue