From 8e6a50aea432cbf3e43d7c230af90d85de614d88 Mon Sep 17 00:00:00 2001
From: Christian Legnitto <christian@legnitto.com>
Date: Wed, 30 Oct 2024 23:34:19 -0400
Subject: [PATCH] Adjust header sizes to make smaller on smaller screens
---
src/css/custom.css | 9 +++------
1 file changed, 3 insertions(+), 6 deletions(-)
diff --git a/src/css/custom.css b/src/css/custom.css
index 9ad04e5..4ce2a2b 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -40,7 +40,7 @@
}
.h1 {
- @apply text-2xl mt-[1.5em] mb-[1.5em];
+ @apply text-xl lg:text-2xl mt-[1.5em] mb-[1.5em];
}
h1 {
@@ -48,7 +48,7 @@
}
.h2 {
- @apply text-lg mt-[1.5em] mb-[1.5em];
+ @apply text-base lg:text-lg mt-[1.5em] mb-[1.5em];
}
h2 {
@@ -103,9 +103,6 @@
}
@layer content {
- main h2 {
- @apply text-2xl !important;
- }
article header h1 {
@apply mt-0 !important;
@@ -131,7 +128,7 @@
article header > h1 a,
article header > h2,
article header > h2 > a {
- @apply text-3xl !important;
+ @apply text-xl lg:text-3xl !important;
}
}