ca5c895efb
The permlink in markdown will be rendered as a code preview block, like GitHub Co-authored-by: silverwind <me@silverwind.io>
37 lines
981 B
CSS
37 lines
981 B
CSS
.markup .code-preview-container {
|
|
border: 1px solid var(--color-secondary);
|
|
border-radius: var(--border-radius);
|
|
margin: 0.25em 0;
|
|
}
|
|
|
|
.markup .code-preview-container .code-preview-header {
|
|
border-bottom: 1px solid var(--color-secondary);
|
|
padding: 0.5em;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.markup .code-preview-container table {
|
|
width: 100%;
|
|
max-height: 100px;
|
|
overflow-y: auto;
|
|
margin: 0; /* override ".markup table {margin}" */
|
|
}
|
|
|
|
/* workaround to hide empty p before container - more details are in "html_codepreview.go" */
|
|
.markup p:empty:has(+ .code-preview-container) {
|
|
display: none;
|
|
}
|
|
|
|
/* override the polluted styles from the content.css: ".markup table ..." */
|
|
.markup .code-preview-container table tr {
|
|
border: 0 !important;
|
|
}
|
|
.markup .code-preview-container table th,
|
|
.markup .code-preview-container table td {
|
|
border: 0 !important;
|
|
padding: 0 0 0 5px !important;
|
|
}
|
|
.markup .code-preview-container table tr:nth-child(2n) {
|
|
background: none !important;
|
|
}
|