css: apply basic styles to indented code blocks

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
This commit is contained in:
David Karlsson 2024-04-25 15:35:21 +02:00
parent cbb8988cb8
commit 28e23d9ccb
1 changed files with 14 additions and 0 deletions

View File

@ -24,6 +24,20 @@
}
}
/* Indented code blocks */
:not(.highlight) > pre {
@apply my-4 overflow-x-auto p-3;
font-size: 0.875em;
border: 1px solid;
border-radius: theme("spacing.1");
background: theme("colors.white");
border-color: theme("colors.gray.light.300");
.dark & {
background: theme("colors.gray.dark.200");
border-color: theme("colors.gray.dark.300");
}
}
.highlight {
@apply my-4 overflow-x-auto p-3;