FEATURE handling inverted hierrachy variant

resources/css/blocks/heading.css

@@ -15,18 +15,6 @@
     @apply tracking-widest;
   }
 
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    @apply font-light uppercase tracking-wider max-w-4xl  !text-4xl;
-    line-height: 1.2 !important;
-    /* @apply !mb-0 !pb-0; */
-    @apply !pb-0;
-  }
-
   h1.has-text-align-center,
   h2.has-text-align-center,
   h3.has-text-align-center,
@@ -43,4 +31,38 @@
   p + h6 {
     @apply mt-0;
   }
+
+  &--hierarchy-inverted {
+    @apply text-white;
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      @apply font-light uppercase tracking-wider max-w-4xl  !text-4xl;
+      line-height: 1.2 !important;
+      @apply !pb-0;
+    }
+  }
+  &--hierarchy-classic {
+    @apply text-white;
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      @apply !text-lg mb-0 pb-0 nunito !font-bold !tracking-widest !uppercase;
+      font-family: 'Nunito Sans', sans-serif !important;
+    }
+
+    p {
+      @apply !text-4xl fjalla  !tracking-wider font-normal;
+    }
+  }
 }
+
+/* test */