summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_exhibit.scss8
-rw-r--r--assets/css/components/_header.scss6
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 @@
4 4
5@include iro.props-namespace('exhibit') { 5@include iro.props-namespace('exhibit') {
6 @include iro.props-store(( 6 @include iro.props-store((
7 --dims: (
8 --height: 100vh,
9 )
10 ), 'dims');
11
12 @include iro.props-store((
13 --colors: ( 7 --colors: (
14 --footer: ( 8 --footer: (
15 --bg: fn.global-color(--bg-hi), 9 --bg: fn.global-color(--bg-hi),
@@ -22,7 +16,7 @@
22 grid-template-rows: 1fr auto; 16 grid-template-rows: 1fr auto;
23 grid-template-areas: 'content' 'footer'; 17 grid-template-areas: 'content' 'footer';
24 box-sizing: border-box; 18 box-sizing: border-box;
25 height: fn.dim(--height); 19 height: 100vh;
26 20
27 @include iro.bem-elem('content') { 21 @include iro.bem-elem('content') {
28 grid-area: content; 22 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 @@
19 19
20 @include iro.props-store(( 20 @include iro.props-store((
21 --dims: ( 21 --dims: (
22 --height: fn.global-dim(--header --height), 22 --height: calc(fn.global-dim(--header --height) - 2 * fn.dim(--gap, null)),
23 --icon: 1.5rem, 23 --icon: 1.5rem,
24 --pad-x: calc(.5 * (fn.dim(--height, null) - fn.dim(--icon, null))), 24 --pad-x: calc(.5 * (fn.dim(--height, null) - fn.dim(--icon, null))),
25 --gap: fn.global-dim(--size --25), 25 --gap: fn.global-dim(--size --25),
@@ -36,8 +36,8 @@
36 display: flex; 36 display: flex;
37 position: absolute; 37 position: absolute;
38 z-index: 100; 38 z-index: 100;
39 top: 0; 39 top: fn.dim(--gap);
40 left: 0; 40 left: fn.dim(--gap);
41 height: fn.dim(--height); 41 height: fn.dim(--height);
42 gap: fn.dim(--gap); 42 gap: fn.dim(--gap);
43 43