mirror of https://github.com/docker/docs.git
css: apply basic styles to indented code blocks
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
This commit is contained in:
parent
cbb8988cb8
commit
28e23d9ccb
|
@ -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;
|
||||
|
||||
|
|
Loading…
Reference in New Issue