From 349cbedd7f2132151ed6a170cc53453b0fba363a Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sun, 16 May 2021 14:45:16 +0200
Subject: Design

---
 assets/css/scopes/_headlines.scss | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

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

diff --git a/assets/css/scopes/_headlines.scss b/assets/css/scopes/_headlines.scss
index dcd8024..03d6be1 100644
--- a/assets/css/scopes/_headlines.scss
+++ b/assets/css/scopes/_headlines.scss
@@ -2,11 +2,20 @@
     @include store((
         --colors: (
             --emph: (
-                --bg: prop(--colors --bg-hi, $global: true),
+                --bg:      prop(--colors --bg-hi, $global: true),
+                --body-bg: prop(--colors --bg-hi, $global: true),
             )
         )
     ));
 
+    @include store((
+        --colors: (
+            --emph: (
+                --body-bg: prop(--colors --bg, $global: true),
+            )
+        )
+    ), 'light');
+
     @include scope(namespace()) {
         h1,
         h2,
@@ -70,5 +79,17 @@
                 transparent .6em
             );
         }
+
+        @include modifier('body') {
+            @include element('title-inner') {
+                background-image: linear-gradient(
+                    to top,
+                    transparent .15em,
+                    #{prop(--colors --emph --body-bg)} .15em,
+                    #{prop(--colors --emph --body-bg)} .6em,
+                    transparent .6em
+                );
+            }
+        }
     }
 }
-- 
cgit v1.2.3-54-g00ecf