diff options
Diffstat (limited to 'assets/css/components/_hnav.scss')
-rw-r--r-- | assets/css/components/_hnav.scss | 31 |
1 files changed, 19 insertions, 12 deletions
diff --git a/assets/css/components/_hnav.scss b/assets/css/components/_hnav.scss index 220afde..4097373 100644 --- a/assets/css/components/_hnav.scss +++ b/assets/css/components/_hnav.scss | |||
@@ -1,22 +1,29 @@ | |||
1 | @include namespace('hnav') { | 1 | @use 'iro-sass/src/index' as iro; |
2 | @include store(( | 2 | @use 'iro-design/src/functions' as fn; |
3 | |||
4 | @include iro.props-namespace('hnav') { | ||
5 | @include iro.props-store(( | ||
3 | --colors: ( | 6 | --colors: ( |
4 | --border: prop(--colors --obj-hi, $global: true) | 7 | --border: fn.global-color(--obj-hi) |
5 | ), | 8 | ) |
9 | ), 'colors'); | ||
10 | |||
11 | @include iro.props-store(( | ||
6 | --dims: ( | 12 | --dims: ( |
7 | --gap: 2em, | 13 | --margin-top: fn.global-dim(--size --600), |
8 | --pad-y: .5em | 14 | --gap: 2em, |
15 | --pad-y: .5em | ||
9 | ) | 16 | ) |
10 | )); | 17 | ), 'dims'); |
11 | 18 | ||
12 | @include component(namespace()) { | 19 | @include iro.bem-component(iro.props-namespace()) { |
13 | display: flex; | 20 | display: flex; |
14 | gap: prop(--dims --gap); | 21 | gap: fn.dim(--gap); |
15 | align-items: baseline; | 22 | align-items: baseline; |
16 | margin-top: $line-height * 2rem; | 23 | margin-top: fn.dim(--margin-top); |
17 | padding: prop(--dims --pad-y) 0 0; | 24 | padding: fn.dim(--pad-y) 0 0; |
18 | border-width: 1px 0 0; | 25 | border-width: 1px 0 0; |
19 | border-style: solid; | 26 | border-style: solid; |
20 | border-color: prop(--colors --border); | 27 | border-color: fn.color(--border); |
21 | } | 28 | } |
22 | } | 29 | } |