Files
docker-docs/assets/css/code.css
David Karlsson 46a3512a54 hugo: css overhaul
- Remove manual breakpoint definitions and use tailwind defaults
- Fix various overflow and other rendering issues

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-04-24 18:14:02 +02:00

52 lines
1.0 KiB
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;
font-weight: 400;
overflow-wrap: anywhere;
padding: 0 4px;
table & {
overflow-wrap: nowrap;
}
}
.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;
}
}
}
}