patrick/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add GitHub-style markdown alert support

Browse Source
This commit is contained in:
Patrick Jaroszewski
2026-04-11 07:55:17 -04:00
parent 497da8038e
commit ad96c06506
4 changed files with 45 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/styles/typography.css
View File

@@ -83,6 +83,36 @@
@apply [&>p]:my-0 [&>p:first-child]:mt-0 [&>p:last-child]:mb-0;
}
/* GitHub-style admonitions */
.markdown-alert {
@apply my-4 rounded-md border-l-4 px-4 py-2 not-italic;
@apply [&>p]:my-0 [&>p:not(.markdown-alert-title)]:mt-1;
}
.markdown-alert-title {
@apply flex items-center gap-2 font-semibold text-sm;
@apply [&>svg]:size-4 [&>svg]:fill-current;
}
.markdown-alert-note {
@apply border-blue-500 bg-blue-500/10;
@apply [&>.markdown-alert-title]:text-blue-600 dark:[&>.markdown-alert-title]:text-blue-400;
}
.markdown-alert-tip {
@apply border-green-500 bg-green-500/10;
@apply [&>.markdown-alert-title]:text-green-600 dark:[&>.markdown-alert-title]:text-green-400;
}
.markdown-alert-important {
@apply border-purple-500 bg-purple-500/10;
@apply [&>.markdown-alert-title]:text-purple-600 dark:[&>.markdown-alert-title]:text-purple-400;
}
.markdown-alert-warning {
@apply border-yellow-500 bg-yellow-500/10;
@apply [&>.markdown-alert-title]:text-yellow-600 dark:[&>.markdown-alert-title]:text-yellow-400;
}
.markdown-alert-caution {
@apply border-red-500 bg-red-500/10;
@apply [&>.markdown-alert-title]:text-red-600 dark:[&>.markdown-alert-title]:text-red-400;
}
hr {
@apply border-border my-10 border-t-2;
}