@use "../abstract" as abstract;

.nav {
    font-size: inherit;

    a {
        color: inherit;
    }
}

.mod-menu__sub {
    font-size: small;

    > li > a {
        @include abstract.for-desktop {
            display: block;
        }
    }
}

.nav,
.mod-menu__sub {
    padding: 0;

    > li {
        display: block;

        > .mod-menu__sub {
            padding-left: 10px;
            margin-left: 10px;

            /* border-left: solid gray 1px; */

            /* TODO */
        }
    }
}

ul.nav > li > a:hover,
ul.mod-menu__sub > li > a:hover {
    /* background-color: inherit; */

    /* FIXME */
    text-decoration: none;
}
