pesde-pkg/pesde
1
1
Fork 0
mirror of https://github.com/pesde-pkg/pesde.git synced 2025-05-04 10:33:47 +01:00
Code Issues Projects Releases Packages Wiki Activity

feat: better admonition styles

Browse source
This commit is contained in:
LukaDev 2024-11-30 17:33:40 +01:00
parent b872ea7ce6
commit 420d42664a
1 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
website/src/app.css
View file

@ -92,15 +92,25 @@ body {
} }
.admonition { .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); border-color: var(--admonition-border);
background-color: var(--admonition-bg); background-color: var(--admonition-bg);
--shiki-background: rgb(255 255 255 / 0.3);
} }
.admonition * { .admonition * {
color: theme(colors.light); color: theme(colors.light);
} }
.admonition a,
.admonition a * {
color: var(--admonition-text);
}
.admonition pre {
@apply border border-[--admonition-border];
}
.admonition-title { .admonition-title {
@apply flex items-center space-x-2 text-lg font-semibold; @apply flex items-center space-x-2 text-lg font-semibold;
} }
@ -118,11 +128,17 @@ body {
.admonition { .admonition {
border-color: var(--admonition-border-dark); border-color: var(--admonition-border-dark);
background-color: var(--admonition-bg-dark); background-color: var(--admonition-bg-dark);
--shiki-background: rgb(0 0 0 / 0.3);
} }
.admonition-title * { .admonition-title * {
color: var(--admonition-text-dark); color: var(--admonition-text-dark);
} }
.admonition a,
.admonition a * {
color: var(--admonition-text-dark);
}
} }
.admonition-note { .admonition-note {