docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/css/code.css
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 { .highlight {
@apply my-4 overflow-x-auto p-3; @apply my-4 overflow-x-auto p-3;