blob: 5f34e8c116d6338379c9ec7698a9e0487433af52 (
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
|
@use 'iro-sass/src/index' as iro;
@use 'iro-design/src/functions' as fn;
@include iro.props-namespace('hnav') {
@include iro.props-store((
--colors: (
--border: fn.global-color(--obj-hi)
)
), 'colors');
@include iro.props-store((
--dims: (
--gap: 1.5em,
--margin-top: fn.global-dim(--paragraph --margin-top),
--margin-bottom: fn.global-dim(--size --1000),
)
), 'dims');
@include iro.bem-component(iro.props-namespace()) {
display: flex;
gap: fn.dim(--gap);
align-items: baseline;
margin: fn.dim(--margin-top) 0 fn.dim(--margin-bottom);
padding-top: fn.dim(--margin-top);
border-top: 1px solid fn.color(--border);
}
}
|