HangerThem/blog.hangerthem.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Better heading styling

Browse source
This commit is contained in:
HangerThem 2026-08-04 14:52:00 +02:00
parent f120dfbc4d
commit 043d3f7d76
1 changed files with 20 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
app/globals.css
View file

@ -121,41 +121,52 @@ dd {
/* ── Prose (markdown) content ─────────────────────── */ /* ── Prose (markdown) content ─────────────────────── */
.prose h1 {
@apply text-3xl md:text-4xl;
}
.prose h2 { .prose h2 {
@apply text-2xl md:text-3xl; @apply text-2xl md:text-3xl;
&::before {
@apply content-['#'] text-accent mr-1;
}
} }
.prose h3 { .prose h3 {
@apply text-xl md:text-2xl; @apply text-xl md:text-2xl;
&::before {
@apply content-['##'] text-accent mr-1;
}
} }
.prose h4 { .prose h4 {
@apply text-lg md:text-xl; @apply text-lg md:text-xl;
&::before {
@apply content-['###'] text-accent mr-1;
}
} }
.prose h5 { .prose h5 {
@apply text-base md:text-lg; @apply text-base md:text-lg;
&::before {
@apply content-['####'] text-accent mr-1;
}
} }
.prose h6 { .prose h6 {
@apply text-sm md:text-base; @apply text-sm md:text-base;
&::before {
@apply content-['#####'] text-accent mr-1;
}
} }
.prose h1,
.prose h2, .prose h2,
.prose h3, .prose h3,
.prose h4, .prose h4,
.prose h5, .prose h5,
.prose h6 { .prose h6 {
@apply font-bold mb-2 text-fg; @apply font-bold mb-2 text-fg;
&::before {
@apply content-['#'] text-accent mr-1;
}
} }
.prose code:not(pre code) { .prose code:not(pre code) {