janis/explainegy-nextjs
1
0
Fork 0
mirror of https://github.com/DerTyp7/explainegy-nextjs.git synced 2025-10-30 13:17:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

ads

Browse Source
This commit is contained in:
Janis
2022-12-27 04:34:07 +01:00
parent 0a701f211c
commit 15ca9435b4
11 changed files with 226 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
styles/Nav.module.scss
View File

@@ -1,8 +1,8 @@
@import "variables.scss";
.nav {
background-color: var(--color-background-nav);
height: 60px;
margin-bottom: 50px;
height: $nav-height-inital;
margin-bottom: 10px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
@@ -37,6 +37,43 @@
.links {
font-size: 0.8em;
font-weight: bold;
.dropDown {
color: var(--color-font-link);
text-decoration: none;
cursor: pointer;
&:hover {
.dropDownContainer {
display: block;
}
}
.dropDownContainer {
display: none;
position: absolute;
z-index: 1;
.content {
background-color: var(--color-background-dropdown);
min-width: 160px;
box-shadow: 0px 12px 16px 5px rgba(0, 0, 0, 0.2);
margin-top: 21px;
a {
float: none;
color: var(--color-font-link);
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
border-left: 2px solid transparent;
transition: all 50ms linear;
&:hover {
border-color: var(--color-accent);
}
}
}
}
}
}
}