66 lines
1.4 KiB
SCSS
66 lines
1.4 KiB
SCSS
// --------------------------------------------------------------------------------
|
|
// Block: Code
|
|
// --------------------------------------------------------------------------------
|
|
code.block {
|
|
background: $theme-code-background;
|
|
display: block;
|
|
padding: .25rem;
|
|
font-family: monospace;
|
|
font-size: 0.9em;
|
|
min-height: 10em;
|
|
height: 20em;
|
|
line-height: 1.25em;
|
|
white-space: pre;
|
|
overflow: auto;
|
|
resize: vertical;
|
|
}
|
|
|
|
// --------------------------------------------------------------------------------
|
|
// Inline: Code
|
|
// --------------------------------------------------------------------------------
|
|
code {
|
|
margin: 0;
|
|
padding: .05rem .25em;
|
|
background: $theme-code-background;
|
|
font-family: monospace;
|
|
font-size: 1em;
|
|
line-height: 1.25em;
|
|
white-space: normal;
|
|
}
|
|
|
|
// --------------------------------------------------------------------------------
|
|
// Highlight.JS
|
|
// --------------------------------------------------------------------------------
|
|
.hljs,
|
|
.hljs-params {
|
|
color: $theme-content-color;
|
|
}
|
|
|
|
.hljs-comment {
|
|
color: oklch(50% 0 0);
|
|
}
|
|
|
|
.hljs-literal,
|
|
.hljs-number,
|
|
.hljs-string {
|
|
color: oklch(60% 0.2081 263);
|
|
}
|
|
|
|
.hljs-keyword {
|
|
color: oklch(50% 0.15 305);
|
|
}
|
|
|
|
.hljs-function,
|
|
.hljs-title.function_ {
|
|
color: oklch(70% 0.163 59);
|
|
}
|
|
|
|
.hljs-variable.language_,
|
|
.hljs-property {
|
|
color: oklch(80% 0.149 177);
|
|
}
|
|
|
|
.hljs-title.class_ {
|
|
color: oklch(57% 0.15 153);
|
|
|
|
} |