wp-73k/assets/css/_code-highlight.scss

41 lines
880 B
SCSS
Executable file

/*
* Code syntax highlighting
* <pre><code> highlighting is done server-side
* by plugin 'Syntax-highlighting Code Block'
* url: https://wordpress.org/plugins/syntax-highlighting-code-block/
*
* <code> inline highlighting done client-side
* by highlight.js in main.js, where languages
* have to be imported & enabled to work for inline
*/
@import '../../node_modules/highlight.js/scss/base16/eighties.scss';
.wp-block-code {
.shcb-language {
@extend .d-none;
}
}
.hljs {
background-color: #1c1c1c;
color: #cacaca;
}
pre, code, .font-monospace {
font-family: $font-family-monospace;
font-weight: 300;
font-size: 15px;
}
pre code.hljs {
padding: 0.4rem 0.75rem;
border-radius: .5em;
white-space: unset;
overflow-wrap: unset;
}
code {
@extend .hljs;
}
p code.hljs, p code, li code {
padding: .2em .4em .1em;
border-radius: .25em;
}