SebinNyshkim/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: 💄 add callout aliases

Browse source
This commit is contained in:
Sebin Nyshkim 2024-10-21 17:52:58 +02:00
parent 4f766fca0f
commit b46476fdf1
1 changed files with 22 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/css/modules/callouts.css
View file

@ -28,7 +28,9 @@
@apply ms-9;
}
.callout[data-callout='abstract'] {
.callout[data-callout='abstract'],
.callout[data-callout='summary'],
.callout[data-callout='tldr'] {
@apply border-fuchsia-700 bg-fuchsia-200 text-fuchsia-700 dark:border-fuchsia-200 dark:bg-fuchsia-900 dark:text-fuchsia-200;
}
@ -36,7 +38,8 @@
@apply border-rose-700 bg-rose-200 text-rose-700 dark:border-rose-200 dark:bg-rose-900 dark:text-rose-200;
}
.callout[data-callout='danger'] {
.callout[data-callout='danger'],
.callout[data-callout='error'] {
@apply border-amber-700 bg-amber-200 text-amber-700 dark:border-amber-200 dark:bg-amber-900 dark:text-amber-200;
}
@ -44,7 +47,9 @@
@apply border-stone-700 bg-stone-200 text-stone-700 dark:border-stone-200 dark:bg-stone-900 dark:text-stone-200;
}
.callout[data-callout='failure'] {
.callout[data-callout='failure'],
.callout[data-callout='fail'],
.callout[data-callout='missing'] {
@apply border-red-700 bg-red-200 text-red-700 dark:border-red-200 dark:bg-red-900 dark:text-red-200;
}
@ -56,19 +61,26 @@
@apply border-cyan-700 bg-cyan-200 text-cyan-700 dark:border-cyan-200 dark:bg-cyan-900 dark:text-cyan-200;
}
.callout[data-callout='question'] {
.callout[data-callout='question'],
.callout[data-callout='faq'],
.callout[data-callout='help'] {
@apply border-blue-700 bg-blue-200 text-blue-700 dark:border-blue-200 dark:bg-blue-900 dark:text-blue-200;
}
.callout[data-callout='quote'] {
.callout[data-callout='quote'],
.callout[data-callout='cite'] {
@apply border-zinc-700 bg-zinc-200 text-zinc-700 dark:border-zinc-200 dark:bg-zinc-900 dark:text-zinc-200;
}
.callout[data-callout='success'] {
.callout[data-callout='success'],
.callout[data-callout='check'],
.callout[data-callout='done'] {
@apply border-emerald-700 bg-emerald-200 text-emerald-700 dark:border-emerald-200 dark:bg-emerald-900 dark:text-emerald-200;
}
.callout[data-callout='tip'] {
.callout[data-callout='tip'],
.callout[data-callout='hint'],
.callout[data-callout='important'] {
@apply border-indigo-700 bg-indigo-200 text-indigo-700 dark:border-indigo-200 dark:bg-indigo-900 dark:text-indigo-200;
}
@ -76,6 +88,8 @@
@apply border-lime-700 bg-lime-200 text-lime-700 dark:border-lime-200 dark:bg-lime-900 dark:text-lime-200;
}
.callout[data-callout='warning'] {
.callout[data-callout='warning'],
.callout[data-callout='attention'],
.callout[data-callout='caution'] {
@apply border-amber-700 bg-amber-200 text-amber-700 dark:border-amber-200 dark:bg-amber-900 dark:text-amber-200;
}