Update

2 files changed, 4 insertions, 10 deletions

diff --git a/assets/css/components/_exhibit.scss b/assets/css/components/_exhibit.scss
index 96ed1ae..a68c5f6 100644
--- a/assets/css/components/_exhibit.scss
+++ b/assets/css/components/_exhibit.scss
@@ -4,12 +4,6 @@
 
 @include iro.props-namespace('exhibit') {
     @include iro.props-store((
-        --dims: (
-            --height:  100vh,
-        )
-    ), 'dims');
-
-    @include iro.props-store((
         --colors: (
             --footer: (
                 --bg: fn.global-color(--bg-hi),
@@ -22,7 +16,7 @@
         grid-template-rows:  1fr auto;
         grid-template-areas: 'content' 'footer';
         box-sizing:          border-box;
-        height:              fn.dim(--height);
+        height:              100vh;
 
         @include iro.bem-elem('content') {
             grid-area: content;
diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index c8b50f8..2d8818f 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -19,7 +19,7 @@
 
     @include iro.props-store((
         --dims: (
-            --height: fn.global-dim(--header --height),
+            --height: calc(fn.global-dim(--header --height) - 2 * fn.dim(--gap, null)),
             --icon:   1.5rem,
             --pad-x:  calc(.5 * (fn.dim(--height, null) - fn.dim(--icon, null))),
             --gap:    fn.global-dim(--size --25),
@@ -36,8 +36,8 @@
         display:  flex;
         position: absolute;
         z-index:  100;
-        top:      0;
-        left:     0;
+        top:      fn.dim(--gap);
+        left:     fn.dim(--gap);
         height:   fn.dim(--height);
         gap:      fn.dim(--gap);