blob: 612220698a5698c62319997d9ac83ee488ca073d (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
@use 'iro-sass/src/index' as iro;
@use 'iro-design/src/functions' as fn;
@use 'include-media/dist/include-media' as media;
@include iro.props-namespace('exhibit') {
@include iro.props-store((
--colors: (
--footer: (
--bg: fn.global-color(--bg-hi),
),
)
), 'colors');
@include iro.bem-component(iro.props-namespace()) {
display: grid;
grid-template-rows: 1fr auto;
grid-template-areas: 'content' 'footer';
box-sizing: border-box;
height: 100vh;
height: 100dvh;
@include iro.bem-elem('content') {
grid-area: content;
height: auto;
overflow: hidden;
}
@include iro.bem-elem('footer') {
grid-area: footer;
background-color: fn.color(--footer --bg);
}
}
}
|