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 | ||
