ag_kommunikation/webseite
6
4
Fork 5
Code Issues 18 Pull Requests 1 Projects Releases Activity

feat: Reenable CSS to get drop down menu items back.

Browse Source
This commit is contained in:
muli 2024-01-09 20:24:29 +01:00
parent 4abb52075d
commit a24ef62c30
1 changed files with 38 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
assets/css/style.css
View File

@ -81,10 +81,10 @@ body {
}
.primary_nav__toggle p {
margin: 0;
padding: 0 0 0 0;
margin: 0.5rem 0 0 0;
padding: 0;
position: relative;
right: 0.5rem;
left: -0.2rem;
bottom: 0.65rem;
color: var(--wtf-nearly-black);
}
@ -105,20 +105,47 @@ body {
font-size: 1.25rem;
}
.primary_nav__navlink.-active {
.primary_nav__navlink.-active,
.primary_nav__sub_navlink.-active {
color: var(--wtf-orange);
text-decoration: underline;
}
.primary_nav__navitem.-last, .primary_nav__navitem.-last a {
margin-right: 0;
padding-right: 0;
}
.primary_nav__navlink {
color: var(--wtf-nearly-black);
}
.primary_nav__sub_navlink {
color: var(--wtf-nearly-white);
}
.primary_nav__navlink:hover {
color: var(--wtf-mid-grey);
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
* Submenümarker aus.
@ -148,6 +175,13 @@ body {
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 {
margin: 4.5rem 0.5rem 0 0;
}