Adjust header sizes to make smaller on smaller screens

LegNeato · LegNeato · commit 8e6a50aea432 · 2024-11-05T17:34:04.000-04:00
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -40,15 +40,15 @@
   }
 
   .h1 {
-    @apply text-2xl mt-[1.5em] mb-[1.5em];
+    @apply text-xl lg:text-2xl mt-[1.5em] mb-[1.5em];
   }
 
   h1 {
     @apply h1;
   }
 
   .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;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -40,15 +40,15 @@`
`40`	`40`	`}`
`41`	`41`
`42`	`42`	`.h1 {`
`43`		`- @apply text-2xl mt-[1.5em] mb-[1.5em];`
	`43`	`+ @apply text-xl lg:text-2xl mt-[1.5em] mb-[1.5em];`
`44`	`44`	`}`
`45`	`45`
`46`	`46`	`h1 {`
`47`	`47`	`@apply h1;`
`48`	`48`	`}`
`49`	`49`
`50`	`50`	`.h2 {`
`51`		`- @apply text-lg mt-[1.5em] mb-[1.5em];`
	`51`	`+ @apply text-base lg:text-lg mt-[1.5em] mb-[1.5em];`
`52`	`52`	`}`
`53`	`53`
`54`	`54`	`h2 {`
`@@ -103,9 +103,6 @@`
`103`	`103`	`}`
`104`	`104`
`105`	`105`	`@layer content {`
`106`		`- main h2 {`
`107`		`- @apply text-2xl !important;`
`108`		`- }`
`109`	`106`
`110`	`107`	`article header h1 {`
`111`	`108`	`@apply mt-0 !important;`
`@@ -131,7 +128,7 @@`
`131`	`128`	`article header > h1 a,`
`132`	`129`	`article header > h2,`
`133`	`130`	`article header > h2 > a {`
`134`		`- @apply text-3xl !important;`
	`131`	`+ @apply text-xl lg:text-3xl !important;`
`135`	`132`	`}`
`136`	`133`	`}`
`137`	`134`