summaryrefslogtreecommitdiffstats
path: root/assets/css/components/_hnav.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-10 14:31:33 +0200
committerVolpeon <git@volpeon.ink>2022-06-10 14:31:33 +0200
commit11947869e44d423171cfd3c6c76be0fbbbfb5da4 (patch)
tree55c9679586fcfa552e197cb3658a80957e3efd2c /assets/css/components/_hnav.scss
parentMerge branch 'master' of git.vulpes.one:volpeon.ink (diff)
downloadvolpeon.ink-11947869e44d423171cfd3c6c76be0fbbbfb5da4.tar.gz
volpeon.ink-11947869e44d423171cfd3c6c76be0fbbbfb5da4.tar.bz2
volpeon.ink-11947869e44d423171cfd3c6c76be0fbbbfb5da4.zip
Update
Diffstat (limited to 'assets/css/components/_hnav.scss')
-rw-r--r--assets/css/components/_hnav.scss22
1 files changed, 22 insertions, 0 deletions
diff --git a/assets/css/components/_hnav.scss b/assets/css/components/_hnav.scss
new file mode 100644
index 0000000..220afde
--- /dev/null
+++ b/assets/css/components/_hnav.scss
@@ -0,0 +1,22 @@
1@include namespace('hnav') {
2 @include store((
3 --colors: (
4 --border: prop(--colors --obj-hi, $global: true)
5 ),
6 --dims: (
7 --gap: 2em,
8 --pad-y: .5em
9 )
10 ));
11
12 @include component(namespace()) {
13 display: flex;
14 gap: prop(--dims --gap);
15 align-items: baseline;
16 margin-top: $line-height * 2rem;
17 padding: prop(--dims --pad-y) 0 0;
18 border-width: 1px 0 0;
19 border-style: solid;
20 border-color: prop(--colors --border);
21 }
22}