Codeblocks: Move codeblock styles to their own stylesheet
This commit is contained in:
parent
1ec5084c66
commit
c97b24977d
2 changed files with 28 additions and 13 deletions
24
assets/css/050_codeblocks.css
Normal file
24
assets/css/050_codeblocks.css
Normal 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);
|
||||||
|
}
|
||||||
|
}
|
|
@ -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);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue