template/slt/css/layout/_menu.scss

56 lines
1021 B
SCSS

@use '../abstract' as abstract;
.nav,
.mod-menu__sub {
padding: 0;
> li {
display: block;
}
}
.nav {
font-size: inherit;
color: var(--color-menu, #000);
background-color: var(--color-menu-background, #eee);
a {
color: inherit;
}
li.current > a {
color: var(--color-menu-active, #000);
background-color: var(--color-menu-background-active, #ccc);
}
li > a:hover,
li > a:focus {
color: var(--color-menu-active, #000);
background-color: var(--color-menu-background-active, #ccc);
}
.mod-menu__sub {
font-size: small;
padding-left: 10px;
margin-left: 10px;
/* border-left: solid gray 1px; */
/* TODO */
> li > a {
@include abstract.for-desktop {
display: block;
}
}
}
}
ul.nav > li > a:hover,
ul.mod-menu__sub > li > a:hover {
/* background-color: inherit; */
/* FIXME */
text-decoration: none;
}