From 11947869e44d423171cfd3c6c76be0fbbbfb5da4 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 10 Jun 2022 14:31:33 +0200
Subject: Update

---
 assets/css/components/_card.scss   |  1 -
 assets/css/components/_header.scss |  1 -
 assets/css/components/_hnav.scss   | 22 ++++++++++++++++++++++
 3 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 assets/css/components/_hnav.scss

(limited to 'assets/css/components')

diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index 2e32a48..20614e7 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -35,7 +35,6 @@
         transform:        translateY(0);
         transition:       transform .2s, background-color .2s, color .2s, border-color .2s;
         background-color: prop(--colors --bg);
-        box-shadow:       prop(--dims --obj-shadow, $global: true) prop(--colors --obj-shadow, $global: true);
         color:            prop(--colors --fg);
         line-height:      1.4;
 
diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index a190eee..ca85438 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -37,7 +37,6 @@
         height:  prop(--dims --height);
         padding: prop(--dims --gap);
         gap:     prop(--dims --gap);
-        filter:  drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
 
         @include element('item') {
             padding:          0 prop(--dims --pad-x);
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);
+    }
+}
-- 
cgit v1.2.3-70-g09d2