From 043d3f7d76f8068d8fddc5d906765689eadfbf73 Mon Sep 17 00:00:00 2001 From: HangerThem Date: Tue, 4 Aug 2026 14:52:00 +0200 Subject: [PATCH] Better heading styling --- app/globals.css | 29 ++++++++++++++++++++--------- 1 file changed, 20 insertions(+), 9 deletions(-) diff --git a/app/globals.css b/app/globals.css index 265eaa8..9ab3603 100644 --- a/app/globals.css +++ b/app/globals.css @@ -121,41 +121,52 @@ dd { /* ── Prose (markdown) content ─────────────────────── */ -.prose h1 { - @apply text-3xl md:text-4xl; -} - .prose h2 { @apply text-2xl md:text-3xl; + + &::before { + @apply content-['#'] text-accent mr-1; + } } .prose h3 { @apply text-xl md:text-2xl; + + &::before { + @apply content-['##'] text-accent mr-1; + } } .prose h4 { @apply text-lg md:text-xl; + + &::before { + @apply content-['###'] text-accent mr-1; + } } .prose h5 { @apply text-base md:text-lg; + + &::before { + @apply content-['####'] text-accent mr-1; + } } .prose h6 { @apply text-sm md:text-base; + + &::before { + @apply content-['#####'] text-accent mr-1; + } } -.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 { @apply font-bold mb-2 text-fg; - - &::before { - @apply content-['#'] text-accent mr-1; - } } .prose code:not(pre code) {