assets/css/components/_hnav.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

@include namespace('hnav') {
    @include store((
        --colors: (
            --border: prop(--colors --obj-hi, $global: true)
        ),
        --dims: (
            --gap:   2em,
            --pad-y: .5em
        )
    ));

    @include component(namespace()) {
        display:      flex;
        gap:          prop(--dims --gap);
        align-items:  baseline;
        margin-top:   $line-height * 2rem;
        padding:      prop(--dims --pad-y) 0 0;
        border-width: 1px 0 0;
        border-style: solid;
        border-color: prop(--colors --border);
    }
}