Simplified header

1 files changed, 6 insertions, 11 deletions

diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index 1a10345..341be75 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -1,9 +1,8 @@
 @include namespace('header') {
     @include store((
         --colors: (
-            --bg:     prop(--colors --bg-lo, $global: true),
-            --fg:     prop(--colors --fg-lo, $global: true),
-            --border: prop(--colors --bg, $global: true),
+            --bg: prop(--colors --bg-lo, $global: true),
+            --fg: prop(--colors --fg-lo, $global: true),
             --hover: (
                 --bg: prop(--colors --fg-lo, $global: true),
                 --fg: prop(--colors --bg-hi, $global: true),
@@ -26,13 +25,9 @@
     ), 'light');
 
     @include component(namespace()) {
-        height: prop(--dims --height);
-
-        @include element('nav') {
-            display:    inline-flex;
-            height:     100%;
-            box-shadow: prop(--dims --obj-shadow, $global: true) prop(--colors --obj-shadow, $global: true);
-        }
+        display: flex;
+        height:  prop(--dims --height);
+        filter:  drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
 
         @include element('item') {
             padding:          0 prop(--dims --pad-x);
@@ -43,7 +38,7 @@
             transition:       background-color .2s, color .2s, border-left-color .2s;
 
             @include next-twin-element {
-                border-left: 1px solid prop(--colors --border);
+                margin-left: 2px;
             }
 
             &:hover,