From 98510890c54975f11ab335c4187e1f70b2712e58 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 11 Jun 2022 22:24:49 +0200 Subject: Update --- assets/css/components/_hnav.scss | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) (limited to 'assets/css/components') 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 @@ @include iro.props-namespace('hnav') { @include iro.props-store(( --colors: ( - --border: fn.global-color(--obj) + --fg: fn.global-color(--fg-hi), + --border: fn.global-color(--obj), ) ), 'colors'); @include iro.props-store(( --dims: ( - --gap: 1.5em, + --gap: 1.5em, + --font-size: .9em, --margin-top: fn.global-dim(--paragraph --margin-top), --margin-bottom: fn.global-dim(--size --1000), ) @@ -18,10 +20,16 @@ @include iro.bem-component(iro.props-namespace()) { display: flex; + flex-wrap: wrap; 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); + color: fn.color(--fg); + + @include iro.bem-elem('item') { + font-size: fn.dim(--font-size); + } } } -- cgit v1.2.3-70-g09d2