css/_navbar.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

#navbar-wrapper {
    width: 100%;
    background-color: var(--nav-bg);
    color: var(--nav-fg);
    height: var(--nav-height);
    display: flex;
    align-items: center;
    justify-content: center;

    #navbar {
        height: 100%;
        width: 98%;
        display: flex;
        align-items: center;
        justify-content: space-around;

        #nav-logo {
            height: var(--nav-height);

            a {
                height: 100%;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;

                img {
                    max-width: 100%;
                    max-height: 90%;
                }
            }
        }

        nav {
            flex: 1;
            display: flex;
            justify-content: right;
            gap: 0.6rem;

            a {
                color: var(--nav-fg);
            }

            a.active {
                color: var(--link-fg);
            }
        }
    }
}