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--list,
|
||||
.content
|
||||
|
@ -11,17 +15,4 @@
|
|||
{
|
||||
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