Update typography.css

Author: SebKay

resources/css/typography.css

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