feat: better admonition styles

This commit is contained in:
LukaDev 2024-11-30 17:33:40 +01:00
parent b872ea7ce6
commit 420d42664a

View file

@ -92,15 +92,25 @@ body {
}
.admonition {
@apply my-4 rounded-sm border-l-4 px-4 py-3 prose-p:my-1;
@apply my-4 rounded-sm border-l-4 px-4 py-3 prose-p:my-2 prose-pre:my-4;
border-color: var(--admonition-border);
background-color: var(--admonition-bg);
--shiki-background: rgb(255 255 255 / 0.3);
}
.admonition * {
color: theme(colors.light);
}
.admonition a,
.admonition a * {
color: var(--admonition-text);
}
.admonition pre {
@apply border border-[--admonition-border];
}
.admonition-title {
@apply flex items-center space-x-2 text-lg font-semibold;
}
@ -118,11 +128,17 @@ body {
.admonition {
border-color: var(--admonition-border-dark);
background-color: var(--admonition-bg-dark);
--shiki-background: rgb(0 0 0 / 0.3);
}
.admonition-title * {
color: var(--admonition-text-dark);
}
.admonition a,
.admonition a * {
color: var(--admonition-text-dark);
}
}
.admonition-note {