mirror of
https://github.com/pesde-pkg/pesde.git
synced 2025-05-04 10:33:47 +01:00
feat: better admonition styles
This commit is contained in:
parent
b872ea7ce6
commit
420d42664a
1 changed files with 17 additions and 1 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Reference in a new issue