Design adjustments

2 files changed, 7 insertions, 2 deletions

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 848a764..eea1764 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -104,7 +104,7 @@ $content--width:  46rem;
 
 @include iro-execute {
     $gray0: hsl(220, 5%, 100%);
-    $gray1: hsl(220, 5%, 95%);
+    $gray1: hsl(220, 5%, 96%);
     $gray2: hsl(220, 5%, 88%);
     $gray3: hsl(220, 5%, 83%);
     $gray4: hsl(220, 5%, 68%);
diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index e88d167..eb5438d 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -26,9 +26,14 @@
     ), 'light');
 
     @include component(namespace()) {
-        display: flex;
         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);
+        }
+
         @include element('item') {
             padding:          0 prop(--dims --pad-x);
             line-height:      prop(--dims --height);