Codeblocks: Move codeblock styles to their own stylesheet

This commit is contained in:
Eryn Wells 2024-08-02 16:10:43 -07:00
parent 1ec5084c66
commit c97b24977d
2 changed files with 28 additions and 13 deletions

View file

@ -0,0 +1,24 @@
/*************
* CODEBLOCKS
*************/
.codeblock, .codeblock code {
font-family: var(--font-family-monospace);
}
.codeblock {
color: var(--foreground);
background-color: var(--background);
grid-column: gutter-start / gutter-end;
overflow: auto;
padding-block: var(--space-s);
.line {
margin-inline: var(--gutter-width);
}
}

View file

@ -1,4 +1,8 @@
.main--single, .main--single,
.main--list, .main--list,
.content .content
@ -11,17 +15,4 @@
{ {
grid-column: main-start / main-end; grid-column: main-start / main-end;
} }
.codeblock {
color: var(--foreground);
background-color: var(--background);
font-family: var(--font-family-monospace);
grid-column: gutter-start / gutter-end;
overflow: auto;
padding-block: var(--space-s);
.line {
margin-inline: var(--gutter-width);
}
}
} }