58 lines
1.1 KiB
CSS
58 lines
1.1 KiB
CSS
|
.code {
|
||
|
|
font-family: var(--monospace);
|
||
|
|
}
|
||
|
|
|
||
|
|
.code_block {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin: .125rem 0 0 1rem;
|
||
|
|
padding: 0;
|
||
|
|
/* flex-direction: column-reverse; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.code_caption {
|
||
|
|
margin-left: 1rem;
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
.code_text {
|
||
|
|
display: inline-block;
|
||
|
|
/* vertical-align: top; */
|
||
|
|
white-space: pre;
|
||
|
|
font-family: var(--monospace);
|
||
|
|
line-height: 1.2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.code_comment {
|
||
|
|
display: inline-block;
|
||
|
|
/* vertical-align: top; */
|
||
|
|
padding: .25rem;
|
||
|
|
border: solid white 1px;
|
||
|
|
padding: .25rem .25rem .25rem .5rem;
|
||
|
|
font-family: var(--sans-serif);
|
||
|
|
font-style: italic;
|
||
|
|
font-size: .8rem;
|
||
|
|
min-width: 100px;
|
||
|
|
line-height: 1.25;
|
||
|
|
}
|
||
|
|
|
||
|
|
.code_border {
|
||
|
|
border: solid gray 1px;
|
||
|
|
/* margin: .125rem; */
|
||
|
|
margin: .125rem .125rem .125rem .25rem;
|
||
|
|
padding: .125rem .5rem .25rem .5rem;
|
||
|
|
background-color: rgb(95%,95%,95%);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.code_no_border {
|
||
|
|
padding: .125rem 0 .125rem .5rem;
|
||
|
|
margin: 0 0 0 .125rem;
|
||
|
|
border: solid white 1px;
|
||
|
|
/* Debugging:
|
||
|
|
border: solid lightgray 1px;
|
||
|
|
background-color: rgb(250,250,127);
|
||
|
|
*/
|
||
|
|
}
|
||
|
|
|