summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_hnav.scss12
1 files changed, 10 insertions, 2 deletions
diff --git a/assets/css/components/_hnav.scss b/assets/css/components/_hnav.scss
index 74dba9f..5f8157b 100644
--- a/assets/css/components/_hnav.scss
+++ b/assets/css/components/_hnav.scss
@@ -4,13 +4,15 @@
4@include iro.props-namespace('hnav') { 4@include iro.props-namespace('hnav') {
5 @include iro.props-store(( 5 @include iro.props-store((
6 --colors: ( 6 --colors: (
7 --border: fn.global-color(--obj) 7 --fg: fn.global-color(--fg-hi),
8 --border: fn.global-color(--obj),
8 ) 9 )
9 ), 'colors'); 10 ), 'colors');
10 11
11 @include iro.props-store(( 12 @include iro.props-store((
12 --dims: ( 13 --dims: (
13 --gap: 1.5em, 14 --gap: 1.5em,
15 --font-size: .9em,
14 --margin-top: fn.global-dim(--paragraph --margin-top), 16 --margin-top: fn.global-dim(--paragraph --margin-top),
15 --margin-bottom: fn.global-dim(--size --1000), 17 --margin-bottom: fn.global-dim(--size --1000),
16 ) 18 )
@@ -18,10 +20,16 @@
18 20
19 @include iro.bem-component(iro.props-namespace()) { 21 @include iro.bem-component(iro.props-namespace()) {
20 display: flex; 22 display: flex;
23 flex-wrap: wrap;
21 gap: fn.dim(--gap); 24 gap: fn.dim(--gap);
22 align-items: baseline; 25 align-items: baseline;
23 margin: fn.dim(--margin-top) 0 fn.dim(--margin-bottom); 26 margin: fn.dim(--margin-top) 0 fn.dim(--margin-bottom);
24 padding-top: fn.dim(--margin-top); 27 padding-top: fn.dim(--margin-top);
25 border-top: 1px solid fn.color(--border); 28 border-top: 1px solid fn.color(--border);
29 color: fn.color(--fg);
30
31 @include iro.bem-elem('item') {
32 font-size: fn.dim(--font-size);
33 }
26 } 34 }
27} 35}