reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 11:41:17 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

✨ feat: add admonition functionality and markdown-extended-features article, improve blockquote styling

Browse source
This commit is contained in:
radishzzz 2025-04-25 20:31:41 +01:00
parent ed527b3bab
commit 23ba4de450
13 changed files with 360 additions and 162 deletions
Download patch file Download diff file Expand all files Collapse all files

66
src/styles/heti.css
View file

@ -115,7 +115,19 @@ html.dark .heti pre :where(span) {
/* Blockquotes */
.heti :where(blockquote) {
--at-apply: 'mt-3 mb-6 px-4 c-secondary/80 border-l-4 border-solid border-secondary/15';
--at-apply: 'mt-3 mb-6 px-4 py-0.5 c-secondary/80 border-l-4 border-solid border-secondary/25';
}
.heti blockquote blockquote {
--at-apply: 'py-0';
}
.heti blockquote p {
--at-apply: 'mb-3';
}
.heti blockquote > :first-child {
--at-apply: 'mt-0';
}
.heti blockquote > :last-child {
--at-apply: 'mb-0';
}
/* Tables */
@ -216,7 +228,7 @@ html.dark .heti sup:target,
html.dark .heti sup a:target {
--at-apply: 'text-background';
}
.heti :where(.data-footnote-backref) {
.heti .data-footnote-backref {
--at-apply: 'no-underline font-serif';
}
@ -246,14 +258,58 @@ html.dark .heti sup a:target {
}
/* KaTeX Mathematical */
.heti :where(.katex-display) {
.heti .katex-display {
--at-apply: 'block max-w-full overflow-x-auto overflow-y-hidden scrollbar-hidden';
}
.heti :where(.katex-display)::-webkit-scrollbar {
.heti .katex-display::-webkit-scrollbar {
display: none;
}
/* Markdown Extensions Style >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* Markdown Extended Features >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.heti .admonition-title {
--at-apply: 'font-semibold';
}
/* Note */
.heti .admonition-note {
--at-apply: 'border-note';
}
.heti .admonition-note .admonition-title {
--at-apply: 'c-note';
}
/* Tip */
.heti .admonition-tip {
--at-apply: 'border-tip';
}
.heti .admonition-tip .admonition-title {
--at-apply: 'c-tip';
}
/* Important */
.heti .admonition-important {
--at-apply: 'border-important';
}
.heti .admonition-important .admonition-title {
--at-apply: 'c-important';
}
/* Warning */
.heti .admonition-warning {
--at-apply: 'border-warning';
}
.heti .admonition-warning .admonition-title {
--at-apply: 'c-warning';
}
/* Caution */
.heti .admonition-caution {
--at-apply: 'border-caution';
}
.heti .admonition-caution .admonition-title {
--at-apply: 'c-caution';
}
/* .heti :where(details) {
--at-apply: 'my-4 px-4 py-3 border border-solid border-secondary/25 rounded cursor-pointer';
}