From fbccfcecc4c4cf1d2a4c8f9c447e1b2acf3cbd9a Mon Sep 17 00:00:00 2001 From: mich-elle-luna Date: Tue, 24 Jun 2025 10:57:22 -0700 Subject: [PATCH 1/2] Improve heading 3 and heading 4 styles for better visual hierarchy - Add proper sizing and font weights to h3-h6 headings - H3: text-xl (20px) + font-semibold for clear section breaks - H4: text-lg (18px) + font-medium for subsections - H5: text-base (16px) + font-medium for minor headings - H6: text-sm (14px) + font-medium for smallest headings - Consolidate duplicate h1 rules into single declaration - Maintain existing h1 and h2 styling that works well Fixes issue where h3 and h4 headings didn't look like proper headings on the site. --- assets/css/index.css | 28 ++++++++++++++++++---------- 1 file changed, 18 insertions(+), 10 deletions(-) diff --git a/assets/css/index.css b/assets/css/index.css index bc2c457b6a..ffc20a82aa 100644 --- a/assets/css/index.css +++ b/assets/css/index.css @@ -23,18 +23,30 @@ section.prose { @apply font-geist } -.prose h1, -.prose h3, -.prose h4, -.prose h5, -.prose h6 { - @apply font-normal; +.prose h1 { + @apply text-4xl font-normal break-words; } .prose h2 { @apply text-lg font-medium pb-3 border-b border-b-redis-pen-700 border-opacity-50; } +.prose h3 { + @apply text-xl font-semibold; +} + +.prose h4 { + @apply text-lg font-medium; +} + +.prose h5 { + @apply text-base font-medium; +} + +.prose h6 { + @apply text-sm font-medium; +} + .prose p, .prose ol, .prose ul { @apply text-base; } @@ -47,10 +59,6 @@ section.prose { @apply bg-none font-monogeist; } -.prose h1 { - @apply text-4xl break-words; -} - .prose h1[id], .prose h2[id], .prose h3[id], From fc46e83556ff53f301d89c6041d1788b14183769 Mon Sep 17 00:00:00 2001 From: mich-elle-luna <153109578+mich-elle-luna@users.noreply.github.com> Date: Wed, 25 Jun 2025 16:36:50 -0700 Subject: [PATCH 2/2] Update assets/css/index.css Co-authored-by: Rachel Elledge <86307637+rrelledge@users.noreply.github.com> --- assets/css/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/index.css b/assets/css/index.css index ffc20a82aa..4c1c09c8d6 100644 --- a/assets/css/index.css +++ b/assets/css/index.css @@ -28,7 +28,7 @@ section.prose { } .prose h2 { - @apply text-lg font-medium pb-3 border-b border-b-redis-pen-700 border-opacity-50; + @apply text-2xl font-medium pb-3 border-b border-b-redis-pen-700 border-opacity-50; } .prose h3 {