From 52f9dc373461761d9454dbd9d2fbf28b6059398b Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 23 Apr 2021 22:43:33 +0200
Subject: Update

---
 assets/css/layouts/_section.scss | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'assets/css/layouts')

diff --git a/assets/css/layouts/_section.scss b/assets/css/layouts/_section.scss
index 51e3dc8..1bc86fe 100644
--- a/assets/css/layouts/_section.scss
+++ b/assets/css/layouts/_section.scss
@@ -3,9 +3,14 @@
         --colors: (
             --border: prop(--colors --obj-hi, $global: true),
         ),
+        --dims: (
+            --banner-blur: .5rem,
+        )
     ));
 
     @include layout(namespace()) {
+        position: relative;
+
         @include modifier('fullscreen') {
             box-sizing:     border-box;
             min-height:     100%;
@@ -37,5 +42,18 @@
                 border-top:   1px solid prop(--colors --border);
             }
         }
+
+        @include element('banner') {
+            position:        absolute;
+            z-index:         -20;
+            top:             calc(-2 * #{prop(--dims --banner-blur)});
+            left:            calc(-2 * #{prop(--dims --banner-blur)});
+            width:           calc(100% + 4 * #{prop(--dims --banner-blur)});
+            height:          60rem;
+            object-fit:      cover;
+            object-position: top center;
+            filter:          blur(#{prop(--dims --banner-blur)});
+            mask-image:      iro-easing-gradient(linear, to bottom, rgba(#000, .25), ease, transparent);
+        }
     }
 }
-- 
cgit v1.2.3-54-g00ecf