From 992332a0a02519f1155eca113353aa7dafe362ec Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 10 Jan 2023 15:24:44 +0100
Subject: Added smaller set of headings

---
 src/objects/_heading.scss | 29 ++++++++++++++++++-----------
 src/scopes/_headings.scss | 29 ++++++++++++++++++-----------
 2 files changed, 36 insertions(+), 22 deletions(-)

(limited to 'src')

diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss
index 6264072..56d4987 100644
--- a/src/objects/_heading.scss
+++ b/src/objects/_heading.scss
@@ -27,17 +27,17 @@
 
         @include iro.bem-modifier('xxl') {
             color:     fn.color(--strong);
-            font-size: fn.global-dim(--font-size --900);
+            font-size: fn.global-dim(--font-size --400);
         }
 
         @include iro.bem-modifier('xl') {
             color:     fn.color(--strong);
-            font-size: fn.global-dim(--font-size --600);
+            font-size: fn.global-dim(--font-size --300);
         }
 
         @include iro.bem-modifier('lg') {
             color:     fn.color(--strong);
-            font-size: fn.global-dim(--font-size --300);
+            font-size: fn.global-dim(--font-size --200);
         }
 
         @include iro.bem-modifier('md') {
@@ -71,14 +71,21 @@
             color:     fn.color(--light);
         }
 
-        @include iro.bem-elem('primary') {
-            background-image: linear-gradient(
-                to top,
-                transparent .15em,
-                fn.color(--bg) .15em,
-                fn.color(--bg) .6em,
-                transparent .6em
-            );
+        @include iro.bem-modifier('display') {
+            @include iro.bem-modifier('xxl') {
+                color:     fn.foreign-color(--heading, --strong);
+                font-size: fn.global-dim(--font-size --900);
+            }
+    
+            @include iro.bem-modifier('xl') {
+                color:     fn.foreign-color(--heading, --strong);
+                font-size: fn.global-dim(--font-size --600);
+            }
+    
+            @include iro.bem-modifier('l') {
+                color:     fn.foreign-color(--heading, --strong);
+                font-size: fn.global-dim(--font-size --300);
+            }
         }
     }
 }
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss
index 58bac7f..fc4991a 100644
--- a/src/scopes/_headings.scss
+++ b/src/scopes/_headings.scss
@@ -21,17 +21,17 @@
 
         h1 {
             color:     fn.foreign-color(--heading, --strong);
-            font-size: fn.global-dim(--font-size --900);
+            font-size: fn.global-dim(--font-size --400);
         }
 
         h2 {
             color:     fn.foreign-color(--heading, --strong);
-            font-size: fn.global-dim(--font-size --600);
+            font-size: fn.global-dim(--font-size --300);
         }
 
         h3 {
             color:     fn.foreign-color(--heading, --strong);
-            font-size: fn.global-dim(--font-size --300);
+            font-size: fn.global-dim(--font-size --200);
         }
 
         h4 {
@@ -65,14 +65,21 @@
             color:     fn.foreign-color(--heading, --light);
         }
 
-        @include iro.bem-elem('primary') {
-            background-image: linear-gradient(
-                to top,
-                transparent .15em,
-                fn.foreign-color(--heading, --bg) .15em,
-                fn.foreign-color(--heading, --bg) .6em,
-                transparent .6em
-            );
+        @include iro.bem-modifier('display') {
+            h1 {
+                color:     fn.foreign-color(--heading, --strong);
+                font-size: fn.global-dim(--font-size --900);
+            }
+    
+            h2 {
+                color:     fn.foreign-color(--heading, --strong);
+                font-size: fn.global-dim(--font-size --600);
+            }
+    
+            h3 {
+                color:     fn.foreign-color(--heading, --strong);
+                font-size: fn.global-dim(--font-size --300);
+            }
         }
     }
 }
-- 
cgit v1.2.3-70-g09d2