netig/netig.net
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor changes

Browse Source
This commit is contained in:
julien 2025-01-16 14:15:47 +01:00
parent 5885bc943c
commit 1478b4cc99
2 changed files with 2 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/public/css/style.css
View File

File diff suppressed because one or more lines are too long

92
src/sass/css/style.scss
View File

@ -170,7 +170,7 @@ h4 {
} }
} }
/* Sidenav TEST /* Navbar
------------------------------------------------------------------------ */ ------------------------------------------------------------------------ */
#menuToggle { #menuToggle {
@ -265,96 +265,6 @@ h4 {
transform: none; transform: none;
} }
/* Sidenav
------------------------------------------------------------------------ */
.menu_icon_sidenav {
z-index: 2;
width: fit-content;
height: auto;
background-color: #FC970B;
padding: 10px;
margin: 10px;
cursor: pointer;
position: fixed;
top: 0;
right: 0;
box-shadow: 0 0 10px $color__neutral;
border-radius: 100%;
}
.line1,
.line2,
.line3 {
width: 40px;
height: 4px;
margin: 10px 8px;
background-color: $color__white;
border-radius: 50px;
transition: 0.2s;
}
.active {
.line1 {
transform: translate(0px, 15px) rotate(45deg);
}
.line2 {
opacity: 0;
}
.line3 {
transform: translate(0px, -15px) rotate(-45deg);
}
}
.sidenav {
width: fit-content;
background-color: $color__neutral;
position: fixed;
text-align: center;
z-index: 1;
right: -500px;
pointer-events: none;
transition: 0.3s;
top: 0;
box-shadow: 0 0 10px $color__neutral;
overflow: scroll;
nav {
padding-top: 80px;
margin-right: 40px;
ul li {
list-style: none;
margin-bottom: 20px;
transition: 0.2s;
&:hover {
background-color: $color__secondary;
border-radius: 50px;
}
a {
font-size: 1.2rem;
padding: 10px 30px;
display: block;
text-decoration: none;
text-align: center;
}
}
}
}
.active_sidenav {
right: 0;
pointer-events: fill;
position: fixed;
top: 0;
height: 100vh;
max-width: 100%;
}
/* Gaps /* Gaps
------------------------------------------------------------------------ */ ------------------------------------------------------------------------ */