mirror of
https://github.com/andwati/andwati.com.git
synced 2026-10-19 09:52:52 +00:00
29 lines
753 B
SCSS
29 lines
753 B
SCSS
pre {
|
|
display: block;
|
|
padding: 0.25rem 1.25rem;
|
|
font-size: 85%;
|
|
border-left: 0.25rem solid var(--primary-accent-color);
|
|
}
|
|
|
|
code {
|
|
padding: 0 0.4rem;
|
|
// background-color: #3c3836;
|
|
background-color: var(--inline-code-background-color);
|
|
/* Inline code blocks look less aggresive with a little rounding. */
|
|
border-radius: 2px;
|
|
}
|
|
|
|
pre, code {
|
|
overflow: auto;
|
|
font-family: var(--default-mono-font);
|
|
}
|
|
|
|
/* Without this the <code> tag gains a little padding that offsets text by like
|
|
2 pixels. Let's *not* do that. */
|
|
pre > code {
|
|
padding: 0;
|
|
background-color: var(--code-background-color);
|
|
// Code inside a pre block doesn't need rounded borders.
|
|
border-radius: unset;
|
|
}
|
|
|