assets/css/components/_header.scss


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

@include namespace('header') {
    @include store((
        --colors: (
            --fg: prop(--colors --fg-lo, $global: true),
            --bg: prop(--colors --bg-hi, $global: true),
            --hover: (
                --fg: prop(--colors --bg-hi, $global: true),
                --bg: prop(--colors --accent --color, $global: true),
            )
        )
    ));

    @include component(namespace()) {
        display:         flex;
        position:        fixed;
        z-index:         10000;
        top:             0;
        left:            0;
        flex-direction:  row;
        justify-content: flex-start;
        box-shadow:      prop(--dims --obj-shadow, $global: true) prop(--colors --obj-shadow, $global: true);
    }
}