diff options
Diffstat (limited to 'assets/css/components')
-rw-r--r-- | assets/css/components/_exhibit.scss | 8 | ||||
-rw-r--r-- | assets/css/components/_header.scss | 6 |
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 | ||