47 lines
1.2 KiB
CSS
Executable File
47 lines
1.2 KiB
CSS
Executable File
pre.wp-block-code {
|
|
color: #f8f8f2;
|
|
background: #282c34;
|
|
font-family: Hack, 'Fira Code', Consolas, Menlo, Monaco, 'Andale Mono',
|
|
'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono',
|
|
'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L',
|
|
'Courier New', Courier, monospace;
|
|
padding: 1em;
|
|
/* Avoid block gap adding too much space between labels and code */
|
|
margin-top: 0.5rem !important;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 1rem;
|
|
overflow: auto;
|
|
border-radius: 0.3em;
|
|
}
|
|
|
|
pre.wp-block-code code {
|
|
color: #f8f8f2;
|
|
padding-left: 0;
|
|
border: none;
|
|
overflow-x: initial;
|
|
}
|
|
|
|
/* Twentytwenty adds style using this rule to code block in editor */
|
|
.editor-styles-wrapper .wp-block-code {
|
|
color: #f8f8f2;
|
|
background: #282c34;
|
|
}
|
|
|
|
.mkaz-code-syntax-block__labels {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
|
|
font-size: 0.85rem;
|
|
margin-top: 1rem;
|
|
/* Twentytwenty adds margin to all wp-block */
|
|
margin-bottom: 0;
|
|
text-align: right;
|
|
}
|
|
|
|
.mkaz-code-syntax-block__labels span {
|
|
padding: 8px;
|
|
margin: 0 8px;
|
|
color: #333;
|
|
background-color: #eee;
|
|
}
|