coup de polish

This commit is contained in:
Valentin
2024-11-08 06:12:36 +01:00
parent 217b84c755
commit cd3b47e913
15 changed files with 265 additions and 168 deletions

View File

@@ -1,7 +1,6 @@
#background {
z-index: -1;
max-width: 99vw;
width: 100vw;
height: 98%;
width: 100%;
overflow: hidden;
position: absolute;
top: 0;
@@ -10,6 +9,10 @@
position: absolute;
pointer-events: none;
}
> div {
position: relative;
height: 80vh;
}
#bg-top {
/* #bg-1 {
top: 5vh;
@@ -18,6 +21,12 @@
#bg-3 {
top: 13vh;
left: -10vw;
width: 20vw;
z-index: 1;
@media screen and (min-width: $breakpoint_desktop) {
width: auto;
z-index: -1;
}
}
#bg-2 {
top: 8vh;
@@ -27,6 +36,10 @@
width: 20vw;
top: 5vh;
right: -10vw;
z-index: 1;
@media screen and (min-width: $breakpoint_desktop) {
z-index: -1;
}
}
/* #bg-4 {
top: 18vh;
@@ -56,19 +69,35 @@
}
}
#bg-bottom {
bottom: 0;
position: absolute;
#bg-11 {
top: -70vh;
right: -5vw;
left: 0;
@media screen and (min-width: $breakpoint_desktop) {
left: 50vw;
bottom: 70vh;
}
}
#bg-10 {
width: 110vw;
top: -150vh;
left: 5vw;
bottom: 0;
@media screen and (min-width: $breakpoint_desktop) {
left: 0;
bottom: 20vh;
}
}
#bg-4 {
transform: scaleX(-1);
top: -40vh;
left: -45vw;
bottom: 5vh;
@media screen and (min-width: $breakpoint_tablet) {
bottom: 150vhvh;
}
@media screen and (min-width: $breakpoint_desktop) {
bottom: -8vh;
}
}
}
}

View File

@@ -1,7 +1,6 @@
.layout-container > footer {
width: 100%;
background-color: white;
z-index: 99;
margin-top: 50px;
padding: 0 $x_margin;
#footer_middle {

View File

@@ -6,14 +6,14 @@ main.main-login, main.main-user, main.main-register, main.main-contact, main.mai
width: 100vw;
background-color: white;
> h2 {
@include sous_titre_alt();
text-align: center;
text-align: center;
@include sous_titre_alt();
}
h1 {
@include sous_titre_alt();
text-align: center;
margin-top: 3rem;
margin-bottom: 2rem;
text-align: center;
margin-top: 3rem;
margin-bottom: 2rem;
@include sous_titre_alt();
}
div[role="contentinfo"] {
@include main_text_content();

View File

@@ -1,21 +1,7 @@
/*
body.toolbar-tray-open header[role="banner"] {
left: 15rem !important;
width: calc(100% - 15rem) !important;
} */
body.toolbar-fixed header[role="banner"] {
top: 2.4em !important;
}
.layout-container {
//max-width: 100vw;
//overflow: hidden;
header[role="banner"] {
width: 100%;
background-color: white;
z-index: 99;
// box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
@media (min-width: $breakpoint_desktop) {
position: sticky;
top: -12vh;