drop_menu_comming_back #241

Open
muli wants to merge 37 commits from drop_menu_comming_back into spielwiese
Showing only changes of commit c7583caeb8 - Show all commits

View File

@ -81,10 +81,10 @@ body {
} }
.primary_nav__toggle p { .primary_nav__toggle p {
margin: 0; margin: 0.5rem 0 0 0;
padding: 0 0 0 0; padding: 0;
position: relative; position: relative;
right: 0.5rem; left: -0.2rem;
bottom: 0.65rem; bottom: 0.65rem;
color: var(--wtf-nearly-black); color: var(--wtf-nearly-black);
} }
@ -105,20 +105,47 @@ body {
font-size: 1.25rem; font-size: 1.25rem;
} }
.primary_nav__navlink.-active { .primary_nav__navlink.-active,
.primary_nav__sub_navlink.-active {
color: var(--wtf-orange); color: var(--wtf-orange);
text-decoration: underline; text-decoration: underline;
} }
.primary_nav__navitem.-last, .primary_nav__navitem.-last a {
margin-right: 0;
padding-right: 0;
}
.primary_nav__navlink { .primary_nav__navlink {
color: var(--wtf-nearly-black); color: var(--wtf-nearly-black);
} }
.primary_nav__sub_navlink {
color: var(--wtf-nearly-white);
}
.primary_nav__navlink:hover { .primary_nav__navlink:hover {
color: var(--wtf-mid-grey); color: var(--wtf-mid-grey);
text-decoration: underline; text-decoration: underline;
} }
.primary_nav__sub_navlist {
display: none;
z-index: 20;
}
.primary_nav__navlist > li:hover > .primary_nav__sub_navlist {
display: block;
margin: 2.6rem 0 0 -0.5rem;
padding: 0;
position: absolute;
background-color: var(--wtf-dark-blue);
border-left: 2px solid var(--wtf-mid-grey);
border-right: 2px solid var(--wtf-mid-grey);
border-bottom: 2px solid var(--wtf-mid-grey);
box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
/* /*
* Gleicht zusammen mit padding von .primary_nav__navitem die Verschiebung durch * Gleicht zusammen mit padding von .primary_nav__navitem die Verschiebung durch
* Submenümarker aus. * Submenümarker aus.
@ -148,6 +175,13 @@ body {
border-right: 3px solid var(--wtf-nearly-black); border-right: 3px solid var(--wtf-nearly-black);
} }
.primary_nav__sub_navitem {
margin: 0;
padding: 0.5rem 0.5rem;
list-style: none;
text-align: left;
}
.header__secondary_nav { .header__secondary_nav {
margin: 4.5rem 0.5rem 0 0; margin: 4.5rem 0.5rem 0 0;
} }