Support navbar child items

This commit is contained in:
guillaume-haerinck 2022-11-06 10:53:43 +01:00
parent 3a0a4811cb
commit 9dc03b05c7
2 changed files with 44 additions and 1 deletions

View file

@ -91,3 +91,36 @@ body:not(.dark) #sun {
.logo-switches {
flex-wrap: inherit;
}
.sub-menu {
position: absolute;
visibility: hidden;
list-style: none;
z-index: 10;
border-radius: var(--radius);
padding: 0 15px;
background-color: var(--code-bg);
border: 1px solid var(--tertiary);
}
.sub-menu a:hover {
text-shadow: 0px 0px 1px currentColor;
}
.menu-item:hover .sub-menu {
visibility: visible;
display: block;
}
.sub-menu:hover {
visibility: visible;
}
.arrow-down {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid var(--primary);
position: relative;
top: 1em;
left: 6px;
}