From e99681e1abb802e486a7042434ec2697585a9d0e Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 6 May 2021 21:53:04 +0200
Subject: Update

---
 assets/css/scopes/_headlines.scss | 58 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 assets/css/scopes/_headlines.scss

(limited to 'assets/css/scopes/_headlines.scss')

diff --git a/assets/css/scopes/_headlines.scss b/assets/css/scopes/_headlines.scss
new file mode 100644
index 0000000..6b28e9c
--- /dev/null
+++ b/assets/css/scopes/_headlines.scss
@@ -0,0 +1,58 @@
+@include namespace('headlines') {
+    @include store((
+        --colors: (
+            --emph: (
+                --bg: prop(--colors --bg-hi, $global: true),
+            )
+        )
+    ));
+
+    @include scope(namespace()) {
+        h1,
+        h2,
+        h3,
+        h4 {
+            transform: translateX(-.06em);
+        }
+
+        h1 {
+            @include iro-responsive-modular-scale(font-size, 3, $responsive-mod-scale);
+        }
+
+        h2 {
+            @include iro-responsive-modular-scale(font-size, 2, $responsive-mod-scale);
+        }
+
+        h3 {
+            @include iro-responsive-modular-scale(font-size, 1, $responsive-mod-scale);
+
+            letter-spacing: .05em;
+            text-transform: uppercase;
+        }
+
+        h4,
+        h5,
+        h6 {
+            @include iro-responsive-modular-scale(font-size, 0, $responsive-mod-scale);
+
+            letter-spacing: .1em;
+            text-transform: uppercase;
+        }
+
+        h5,
+        h6 {
+            color:       currentColor;
+            font-weight: 400;
+        }
+
+        @include element('title-inner') {
+            background-image: linear-gradient(
+                to top,
+                transparent .15em,
+                #{prop(--colors --emph --bg)} .15em,
+                #{prop(--colors --emph --bg)} .6em,
+                transparent .6em
+            );
+        }
+    }
+}
-- 
cgit v1.2.3-54-g00ecf