2024-08-07 15:32:21 +01:00
|
|
|
/* Code block */
|
|
|
|
|
pre {
|
|
|
|
|
overflow-x: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.highlight pre {
|
|
|
|
|
background: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.codeblock {
|
|
|
|
|
position: relative;
|
|
|
|
|
background-color: var(--codeblock-bg-color);
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: var(--element-padding);
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
border-radius: var(--radius);
|
|
|
|
|
border: var(--border-width) var(--border-style) var(--border-color);
|
|
|
|
|
font-size: var(--code-block-font-size);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Code block language label */
|
|
|
|
|
.codeblock::before {
|
|
|
|
|
font-family: var(--code-font-family);
|
|
|
|
|
content: attr(data-lang);
|
|
|
|
|
position: absolute;
|
|
|
|
|
color: var(--heading1-color);
|
|
|
|
|
right: 5px;
|
|
|
|
|
top: 0px;
|
|
|
|
|
font-size: var(--code-block-font-size);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
code {
|
|
|
|
|
font-family: var(--code-font-family);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Styles for inline <code> */
|
|
|
|
|
:not(pre) > code {
|
2024-08-07 15:51:19 +01:00
|
|
|
color: var(--inline-code-color);
|
2024-08-07 15:32:21 +01:00
|
|
|
background-color: var(--inline-code-bg-color);
|
|
|
|
|
padding: 5px;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
font-size: var(--code-block-font-size);
|
|
|
|
|
}
|
