Skydust/psychartherapie-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleaned up some code and added a somewhat responsive header burger
Some checks failed
A gitea test / Random test (pull_request) Has been cancelled
Details

Browse Source
This commit was merged in pull request #13.
This commit is contained in:
Skydust
2023-09-19 14:56:09 +02:00
parent f6107de735
commit e583858edb
28 changed files with 112 additions and 1527 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
styles/header.scss
View File

@@ -26,10 +26,60 @@
}
.navbar-items {
display: flex;
align-items: center;
flex-direction: row;
}
.navbar-toggler {
display: none;
}
@media screen and (max-width: 900px) {
.navbar-toggler {
display: flex;
align-items: center;
justify-content: center;
margin: auto 0;
border: #ffd39c solid .2rem;
border-radius: 1rem;
width: 3rem;
height: 3rem;
.navbar-toggler-icon {
mask-image: url("../public/icons/bars-solid.svg");
-webkit-mask-image: url("../public/icons/bars-solid.svg");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
background-color: #d8ac74;
width: 2rem;
height: 2rem;
position: relative;
}
}
.navbar-items {
display: none;
}
&.navbar-expanded {
.navbar-items {
display: flex;
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
transition: height 0.15s ease-in-out;
flex-direction: column;
background: var(--header-BackgroundColor);
.nav-item {
margin: .5rem 0;
}
}
}
}
.nav-item .nav-link {
font-family: 'Nunito', sans-serif;