maj config : création view pages static, modale réactive contenu soit static soit etape

This commit is contained in:
Valentin
2024-07-31 00:33:21 +02:00
parent c9ff3e45d7
commit 35ec4a8388
55 changed files with 1179 additions and 221 deletions

View File

@@ -139,7 +139,7 @@ body{
transform: scale(1.1);
}
> #hamburger.open {
transform: scale(0.7);
transform: scale(0.7) translateX(-20px);
> div {
background-color: white;
}
@@ -156,7 +156,7 @@ body{
}
}
> #hamburger.open:hover {
transform: scale(0.8);
transform: scale(0.75) translateX(-20px);
}
> ul {
list-style-type: none;
@@ -165,9 +165,11 @@ body{
width: $menu-width;
right: $body-margin-x;
padding: 0;
padding-top: 0vh;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
top: -5vh;
opacity: 0;
transition: padding-top 0.3s ease-out, opacity 0.2s ease-out;
transition: top 0.3s ease-out, opacity 0.2s ease-out;
z-index: 1;
> li {
padding-left: $menu-margin;
@@ -196,7 +198,7 @@ body{
}
> ul.open {
opacity: 1;
padding-top: 22vh;
top: 7vh;
}
}
}
@@ -277,13 +279,17 @@ body{
}
}
}
> #etape-modale > div {
> #content-modale > div {
z-index: 2;
position: relative;
top: 15vh;
left: 25vw;
width: 50vw;
background-color: rgba(255,255,255,0.5);
img {
width: 100%;
height: auto;
}
}
}
}