1 files changed, 22 insertions, 0 deletions

diff --git a/assets/css/components/_hnav.scss b/assets/css/components/_hnav.scss
new file mode 100644
index 0000000..220afde
--- /dev/null
+++ b/assets/css/components/_hnav.scss
@@ -0,0 +1,22 @@
+@include namespace('hnav') {
+    @include store((
+        --colors: (
+            --border: prop(--colors --obj-hi, $global: true)
+        ),
+        --dims: (
+            --gap:   2em,
+            --pad-y: .5em
+        )
+    ));
+
+    @include component(namespace()) {
+        display:      flex;
+        gap:          prop(--dims --gap);
+        align-items:  baseline;
+        margin-top:   $line-height * 2rem;
+        padding:      prop(--dims --pad-y) 0 0;
+        border-width: 1px 0 0;
+        border-style: solid;
+        border-color: prop(--colors --border);
+    }
+}