mirror of
https://github.com/docker/docs.git
synced 2026-03-27 14:28:47 +07:00
834db3da41
- Refactoring styles to prevent unwanted specificity issues by using tailwind directives - Improve color consistency for code blocks and other components by replacing adhoc hex values with theme colors Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
49 lines
975 B
CSS
49 lines
975 B
CSS
@layer components {
|
|
.highlight,
|
|
:not(pre) > code {
|
|
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");
|
|
}
|
|
}
|
|
|
|
:not(pre) > code {
|
|
background: theme("colors.gray.light.200");
|
|
display: inline-block;
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
font-weight: 400;
|
|
padding: 0 4px;
|
|
}
|
|
|
|
.highlight {
|
|
@apply my-4 overflow-x-auto p-3;
|
|
|
|
/* LineTableTD */
|
|
.lntd {
|
|
vertical-align: top;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
}
|
|
/* LineTable */
|
|
.lntable {
|
|
display: table;
|
|
width: 100%;
|
|
border-spacing: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
/* LineNumberColumnHighlight */
|
|
.lntd:first-child .hl {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|