Add typography styles

Author: SebKay

resources/css/app.css

@@ -2,6 +2,7 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
+@import "@css/typography.css";
 @import "@css/forms.css";
 @import "@css/buttons.css";
 @import "@css/content.css";

resources/css/typography.css

@@ -0,0 +1,27 @@
+.heading {
+    @apply text-neutral-900 font-semibold leading-none;
+}
+
+.h1 {
+    @apply text-4xl sm:text-5xl xl:text-6xl;
+}
+
+.h2 {
+    @apply text-3xl sm:text-4xl xl:text-5xl;
+}
+
+.h3 {
+    @apply text-xl sm:text-2xl xl:text-3xl;
+}
+
+.h4 {
+    @apply text-lg sm:text-xl xl:text-2xl;
+}
+
+.h5 {
+    @apply text-base sm:text-lg xl:text-xl;
+}
+
+.h6 {
+    @apply text-sm sm:text-base xl:text-lg;
+}