blog/_assets/stylesheets/_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

#header {
    .site-nav {
        background: {
            color: $menu-bar-background;
        }
        @include round-corners;
        width: 100%;
        border: {
            bottom: 1px solid darkgray;
            top: 1px solid darkgray;
        }

        a {
            text-decoration: none;
            color: $link-color;
            padding: {
                top: 1.5mm;
                bottom: 1.5mm;
                left: 2mm;
                right: 2mm;
            }
            &:hover {
                background-color: $nav-link-hover-bg;
                color: $nav-link-hover-color;
            }
        }
        &.menu-flags {
            float: right;
        }
    }
}