From 98510890c54975f11ab335c4187e1f70b2712e58 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
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')
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