diff options
Diffstat (limited to 'assets/css/components')
-rw-r--r-- | assets/css/components/_hnav.scss | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/assets/css/components/_hnav.scss b/assets/css/components/_hnav.scss index 1b57cc0..4023c82 100644 --- a/assets/css/components/_hnav.scss +++ b/assets/css/components/_hnav.scss | |||
@@ -11,7 +11,8 @@ | |||
11 | 11 | ||
12 | @include iro.props-store(( | 12 | @include iro.props-store(( |
13 | --dims: ( | 13 | --dims: ( |
14 | --gap: 1.5em, | 14 | --gap-x: fn.global-dim(--size --300), |
15 | --gap-y: fn.global-dim(--size --150), | ||
15 | --font-size: .9em, | 16 | --font-size: .9em, |
16 | --margin-top: fn.global-dim(--paragraph --margin-top), | 17 | --margin-top: fn.global-dim(--paragraph --margin-top), |
17 | --margin-bottom: fn.global-dim(--size --1000), | 18 | --margin-bottom: fn.global-dim(--size --1000), |
@@ -22,7 +23,7 @@ | |||
22 | @include iro.bem-component(iro.props-namespace()) { | 23 | @include iro.bem-component(iro.props-namespace()) { |
23 | display: flex; | 24 | display: flex; |
24 | flex-wrap: wrap; | 25 | flex-wrap: wrap; |
25 | gap: calc(.5 * fn.dim(--gap)) fn.dim(--gap); | 26 | gap: fn.dim(--gap-y) fn.dim(--gap-x); |
26 | align-items: baseline; | 27 | align-items: baseline; |
27 | margin: fn.dim(--margin-top) 0 fn.dim(--margin-bottom); | 28 | margin: fn.dim(--margin-top) 0 fn.dim(--margin-bottom); |
28 | padding-top: fn.dim(--pad-top); | 29 | padding-top: fn.dim(--pad-top); |