WIP: Redesign

1 files changed, 28 insertions, 0 deletions

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;
+        }
+    }
+}