coup de polish
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@@ -1,7 +1,6 @@
|
||||
.layout-container > footer {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
z-index: 99;
|
||||
margin-top: 50px;
|
||||
padding: 0 $x_margin;
|
||||
#footer_middle {
|
||||
|
@@ -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();
|
||||
|
@@ -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;
|
||||
|
Reference in New Issue
Block a user