2023-08-18 16:19:37 -04:00
|
|
|
.code_block {
|
|
|
|
|
font: 14px/1.4 "Cascadia Mono", monospace;
|
|
|
|
|
background: #272822ff;
|
|
|
|
|
color: #f8f8f2ff;
|
|
|
|
|
display: table;
|
|
|
|
|
white-space: break-spaces;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
|
|
|
|
|
/* color for line numbers */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.code_block > code {
|
|
|
|
|
display: table;
|
|
|
|
|
counter-increment: code_line_number;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.code_block > code::before {
|
|
|
|
|
content: counter(code_line_number) " ";
|
|
|
|
|
display: inline-block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
transform: TranslateX(-100%);
|
|
|
|
|
padding-right: 5px;
|
|
|
|
|
color: #eeeeee;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.code_block > code.highlighted {
|
|
|
|
|
background: #307351ff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.code_block > code.highlighted::before {
|
|
|
|
|
background: #307351ff;
|
|
|
|
|
}
|
