parent
a183e8cbd3
commit
6275618cee
@ -0,0 +1,70 @@
|
||||
.nav {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
|
||||
background-color: var(--fwdekker-theme-color);
|
||||
font-size: 120%;
|
||||
|
||||
--padding: calc(2em / 3);
|
||||
}
|
||||
|
||||
.nav * {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.nav a {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: calc(var(--padding)) calc(var(--padding));
|
||||
width: 100%;
|
||||
|
||||
vertical-align: middle;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.nav li {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
position: relative;
|
||||
background-color: var(--fwdekker-theme-color);
|
||||
}
|
||||
|
||||
.nav li:hover,
|
||||
.nav li:focus-within {
|
||||
cursor: pointer;
|
||||
background-color: var(--fwdekker-theme-color-dark);
|
||||
}
|
||||
|
||||
.nav img.logo {
|
||||
margin-right: calc(1em / 3);
|
||||
height: calc(1em + var(--padding));
|
||||
|
||||
vertical-align: middle;
|
||||
filter: brightness(0) invert(1);
|
||||
}
|
||||
|
||||
|
||||
.nav ul li ul {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.nav ul li:hover > ul,
|
||||
.nav ul li:focus-within > ul,
|
||||
.nav ul li ul:hover {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav ul li ul li {
|
||||
width: 100%;
|
||||
}
|
Loading…
Reference in new issue