From 7531a7125c72227198f7605c6c129d15cd926857 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 23 Mar 2021 18:14:39 +0100
Subject: WIP: Redesign

---
 assets/css/components/_section-heading.scss | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 assets/css/components/_section-heading.scss

(limited to 'assets/css/components/_section-heading.scss')

diff --git a/assets/css/components/_section-heading.scss b/assets/css/components/_section-heading.scss
new file mode 100644
index 0000000..db75159
--- /dev/null
+++ b/assets/css/components/_section-heading.scss
@@ -0,0 +1,28 @@
+@include namespace('section-heading') {
+    @include store((
+        --dims: (
+            --pad-y: $line-height * 2rem
+        ),
+        --colors: (
+            --line: prop(--colors --accent --color, $global: true),
+        )
+    ));
+
+    @include component(namespace()) {
+        margin:         0 0 prop(--dims --pad-y);
+        font-size:      .8em;
+        font-weight:    400;
+        letter-spacing: .2em;
+        text-transform: uppercase;
+
+        &::before {
+            content:          '';
+            display:          inline-block;
+            width:            3em;
+            height:           1px;
+            margin-right:     1.3em;
+            background-color: prop(--colors --line);
+            vertical-align:   middle;
+        }
+    }
+}
-- 
cgit v1.2.3-54-g00ecf