diff --git a/web/themes/erabletheme/assets/formes/forme_6.png b/web/themes/erabletheme/assets/formes/forme_6.png new file mode 100644 index 0000000..b8dc207 Binary files /dev/null and b/web/themes/erabletheme/assets/formes/forme_6.png differ diff --git a/web/themes/erabletheme/css/styles.css b/web/themes/erabletheme/css/styles.css index 4543544..4ec8dd6 100644 --- a/web/themes/erabletheme/css/styles.css +++ b/web/themes/erabletheme/css/styles.css @@ -46,7 +46,7 @@ a { } #block-erabletheme-contenudelapageprincipale { - margin-top: 7vh; + margin-top: 10vh; } /* PARTIALS */ @@ -65,7 +65,7 @@ a { } .layout-container header div { max-width: 100%; - max-height: 7vh; + max-height: 10vh; display: flex; flex-wrap: nowrap; justify-content: space-between; @@ -87,9 +87,15 @@ a { padding-right: 1.5vw; } } +@media (min-width: 760px) { + .layout-container header div #block-erabletheme-logorepublique { + padding-right: 2rem; + } +} @media (min-width: 1080px) { .layout-container header div #block-erabletheme-logorepublique { width: 10vw; + padding-right: 1vw; } } .layout-container header div #block-erabletheme-logoerable { @@ -114,6 +120,9 @@ a { @media (min-width: 1080px) { .layout-container header div #block-erabletheme-logoerable { width: 10vw; + padding-left: 3vw; + padding-top: 0.4rem; + padding-bottom: 0.4rem; } } .layout-container header div #block-erabletheme-navigationprincipale { @@ -125,7 +134,7 @@ a { height: 100%; align-items: center; justify-content: space-around; - padding: 0 5vw; + padding: 0 2vw; } .layout-container header div #block-erabletheme-navigationprincipale ul li { font-family: "Marianne", sans-serif; @@ -142,7 +151,6 @@ a { background-color: #00ff80; } .layout-container header div #block-erabletheme-navigationprincipale ul li a.is-active { - font-weight: 400; background-color: #00ff80; } @media (min-width: 1080px) { @@ -181,13 +189,14 @@ a { } .layout-container header div #block-erabletheme-header #hamburger { cursor: pointer; - width: 7vh; + width: 10vh; height: 100%; background-color: #00ff80; display: flex; flex-direction: column; align-items: center; justify-content: space-around; + padding: 0.5rem 0; } .layout-container header div #block-erabletheme-header #hamburger h2 { font-size: 0.8rem; @@ -227,7 +236,7 @@ a { transition: max-height 0.9s ease, padding 0.5s ease-out; position: fixed; background-color: #314e41; - top: 7vh; + top: 10vh; left: 0; width: 100vw; z-index: 0; @@ -783,8 +792,8 @@ a { } @media (min-width: 760px) { .ornements_top_over { - left: -40vw; - top: -16vw; + left: -35vw; + top: -20vw; } .ornements_top_over > div { transform: scaleX(-1); @@ -796,11 +805,8 @@ a { .ornements_top_over > div:nth-of-type(2) { display: none; } -} -@media (min-width: 1080px) { .ornements_top_over > div:nth-of-type(3) { - transform: scaleX(-1) rotate(-25deg); - top: -25vh; + background-image: url(../assets/formes/forme_6.png); } } @@ -982,7 +988,7 @@ a { background-size: contain; background-image: url(../assets/formes/forme_5.png); position: absolute; - margin-top: 35vh; + top: 35vh; } .carousel_container .ornements_carousel_bottom > div:nth-of-type(2) { width: 100%; @@ -991,8 +997,8 @@ a { background-size: contain; background-image: url(../assets/formes/forme_2.png); position: absolute; - margin-top: 40vh; - margin-left: 12vw; + top: 40vh; + left: 12vw; } } @media (min-width: 1080px) { @@ -1003,11 +1009,11 @@ a { right: -2vw; } .carousel_container .ornements_carousel_bottom > div:first-of-type { - margin-top: -16vh; + top: -16vh; } .carousel_container .ornements_carousel_bottom > div:nth-of-type(2) { - margin-top: -8vh; - margin-left: 4vw; + top: -8vh; + left: 4vw; } } @@ -1124,8 +1130,7 @@ a { @media (min-width: 1080px) { .ornements_consultation_left > div:first-of-type { transform: rotate(0deg); - bottom: unset; - top: -5vh; + bottom: 5vh; left: 0; width: 60%; } @@ -1194,7 +1199,6 @@ a { @media (min-width: 1080px) { .ornements_consultation_right > div:nth-of-type(2) { transform: none; - right: -4vw; width: 60%; } } @@ -1560,7 +1564,7 @@ a { } @media (min-width: 760px) { .fullpage { - margin-top: 10vh; + margin-top: 12vh; padding-top: 0; width: 75vw; margin-left: 12.5vw; diff --git a/web/themes/erabletheme/css/styles.css.map b/web/themes/erabletheme/css/styles.css.map index a487e86..c727449 100644 --- a/web/themes/erabletheme/css/styles.css.map +++ b/web/themes/erabletheme/css/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/global/_fonts.scss","../scss/global/variables/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_typography.scss","../scss/global/_global.scss","../scss/partials/_header.scss","../scss/global/variables/_colors.scss","../scss/partials/_footer.scss","../scss/partials/_carousel.scss","../scss/partials/_articles.scss","../scss/partials/_articles_teaser.scss","../scss/partials/_ornements.scss","../scss/partials/_login.scss","../scss/_home.scss","../scss/_fullpage.scss","../scss/_gouvernance.scss","../scss/_partenaires.scss"],"names":[],"mappings":"AAAA;ACAA;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;AAEA;EACI;EACA;EAEA;EACA;;ACtCJ;AAKA;EACI;EACA;EACA;EACA;;;ACZJ;AAQA;ACRA;EACI;;;ACDJ;EACI;;;ALOJ;AMPA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AACA;EACI,cJxBb;EIyBa;EACA;;AACA;EAJJ;IAKQ;;;AAIZ;EAdJ;IAeQ;;;AAGR;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAIZ;EAlBJ;IAmBQ;;;AAGR;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA,WHnEV;;AGoEU;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI,kBC9Ef;;ADgFW;EACI;EACA,kBClFf;;ADsFG;EA5BJ;IA6BQ;;;AAGR;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBC3GrB;;AD6GiB;EACI;;AAIZ;EAzBJ;IA0BQ;;;AAIJ;EACI;EACA;EACA;EACA,kBC5HP;ED6HO;EACA;EACA;EACA;;AACA;EACI,WHjIT;EGkIS;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA,kBCtKP;EDuKO;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA,OClMf;;ADoMW;EACI;EACA,OCtMf;;ADwMW;EA1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A;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EA3BJ;IA4BQ;;;AAEJ;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EAxBJ;IAyBQ;IACA;IACA;;EACA;IACI;;EAEJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;;AAMR;EACI;;AAEJ;EACI;;AACA;EACI;EACA;;AAGR;EAXJ;IAYQ;IACA,aV7JG;IU8JH,cV9JG;;EU+JH;IACI;IACA;;;AAGR;EACI;IACI;;EAGA;IACI;;EAIJ;IACI;IACA;;EAEJ;IACI;;;;AAMhB;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EAdJ;IAeQ;IACA;IACA;;;AAIR;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;IACA;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;IACA;IACA;IACA;IACA;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGR;EA9BJ;IA+BQ;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;IACA;;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EALJ;IAMQ;IACA;;;AAGR;EACI;EAC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","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/global/_fonts.scss","../scss/global/variables/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_typography.scss","../scss/global/_global.scss","../scss/partials/_header.scss","../scss/global/variables/_colors.scss","../scss/partials/_footer.scss","../scss/partials/_carousel.scss","../scss/partials/_articles.scss","../scss/partials/_articles_teaser.scss","../scss/partials/_ornements.scss","../scss/partials/_login.scss","../scss/_home.scss","../scss/_fullpage.scss","../scss/_gouvernance.scss","../scss/_partenaires.scss"],"names":[],"mappings":"AAAA;ACAA;AAEA;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;AAEA;EACI;EACA;EAEA;EACA;;ACtCJ;AAKA;EACI;EACA;EACA;EACA;;;ACZJ;AAQA;ACRA;EACI;;;ACDJ;EACI;;;ALOJ;AMPA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AACA;EACI,cJxBb;EIyBa;EACA;;AACA;EAJJ;IAKQ;;;AAIZ;EAdJ;IAeQ;;;AAEJ;EAjBJ;IAkBQ;IACA;;;AAGR;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAIZ;EAlBJ;IAmBQ;IACA;IACA;IACA;;;AAGR;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA,WH1EV;;AG2EU;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI,kBCrFf;;ADuFW;EACI,kBCxFf;;AD4FG;EA3BJ;IA4BQ;;;AAGR;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCjHrB;;ADmHiB;EACI;;AAIZ;EAzBJ;IA0BQ;;;AAIJ;EACI;EACA;EACA;EACA,kBClIP;EDmIO;EACA;EACA;EACA;EACA;;AACA;EACI,WHxIT;EGyIS;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA,kBC7KP;ED8KO;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA,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;;EAEJ;IACI;;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EA3BJ;IA4BQ;;;AAEJ;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EAxBJ;IAyBQ;IACA;IACA;;EACA;IACI;;EAEJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;;AAMR;EACI;;AAEJ;EACI;;AACA;EACI;EACA;;AAGR;EAXJ;IAYQ;IACA,aV1JG;IU2JH,cV3JG;;EU4JH;IACI;IACA;;;AAGR;EACI;IACI;;EAGA;IACI;;EAIJ;IACI;IACA;;EAEJ;IACI;;;;AAMhB;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EAdJ;IAeQ;IACA;IACA;;;AAIR;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;IACA;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;IACA;IACA;IACA;IACA;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGR;EA9BJ;IA+BQ;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;IACA;;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EALJ;IAMQ;IACA;;;AAGR;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EAPJ;IAQQ;IACA;IACA;IACA;;;AAIR;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;IACA;;;AAGR;EAxCJ;IAyCQ;;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EAPJ;IAQQ;IACA;IACA;;;AAGR;EACI;EACA;EACA;EACA;;AACA;EALJ;IAMQ;IACA;;;AAEJ;EATJ;IAUQ;IACA;;;AAGR;EA3CJ;IA4CQ;IACA;IACA;;;;ACvaR;EACI;EACA;ENIA;EMFA;;AACA;EV8BA;EACA;EACA,WAjCW;EUGP;;AAEJ;EACI;;AACA;EAEI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;;AAQhB;EACI;EACA;;AACA;EACI;;;AbxCZ;AcjBA;EACI;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;;AACA;EAFJ;IAGQ;;;AAEJ;EALJ;IAMQ;;;AAIZ;EACI;;AACA;EXNJ;EACA,WAlBa;EAmBb;;AWMM;EAFF;IAGM;IACA;;;AAGN;EATJ;IAUQ;;;AAGR;EAEI;EACA;EACA;EACA;EACA;;AXJJ;EACI;EACA;EACA;EACA;EACA,WA5CM;EA6CN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBIxDK;;AO8CL;EAPJ;IAQQ;IACA;;;AAGR;EAnDJ;IAoDQ;IACA;;;;AAIR;EACI;EPpDA;EOsDA;EACA;;AACA;EXnDA;EACA,WANS;EAOT;EACA;EACA,OIdG;EO+DC;;AXhDJ;EACI,OIhBD;;AOgEC;EAHJ;IAIQ;;;AAEJ;EANJ;IAOQ;IACA;;;AAIJ;EXvCJ;EACA;EACA,WAjCW;EWwEH;EACA;;AAGR;EACI;;AACA;EX5DJ;EACA,WAlBa;EAmBb;;AW4DM;EAFF;IAGM;IACA;;;AAGN;EATJ;IAUQ;;;AAGR;EAEI;EACA;EACA;EACA;;AXzDJ;EACI;EACA;EACA;EACA;EACA,WA5CM;EA6CN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBIxDK;;AOmGL;EANJ;IAOQ;IACA;;;AAGR;EA/CJ;IAgDQ;IACA;;;;AC1GR;EACI;EACA;EACA;ERGA;EQDA;;AACA;EZKA;EACA,WANS;EAOT;EACA;EACA,OIdG;EQOC;EACA;EACA,kBRRA;EQSA;EACA;EACA;EACA;;AZEJ;EACI,OIhBD;;AQcC;EATJ;IAUQ;;;AAKJ;EZVJ;EACA,WANS;EAOT;EACA;EACA,OIdG;EQsBK;EACA,kBRtBJ;EQuBI;EACA;EACA;EACA;;AZZR;EACI,OIhBD;;AQ4BK;EARJ;IASQ;;;AAIR;EZZJ;EACA,WAlBa;EAmBb;EYYQ,WZjCE;EYkCF;;AAGJ;EZlBJ;EACA,WAlBa;EAmBb;EYkBQ;EACA;;AAGJ;EACI;;AAIJ;EACI;EACA;EACA;;AZbR;EACI;EACA;EACA;EACA;EACA,WA5CM;EA6CN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBIxDK;;AQwDD;EACI;;AAEJ;EARJ;IASQ;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAIZ;EACE;;AAIN;EACI;;AAEJ;EAjFJ;IAkFQ;IACA;IACA;IACA;;;AAEJ;EAvFJ;IAwFQ;IACA;;;;ACxFJ;EACI;;AAEI;EACI;;AACA;Eb6BZ;EACA;EACA,WAjCW;;AaMH;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AAKZ;AAAA;EbPZ;EACA,WA1BU;EA2BV,OI7BG;EJ8BH;EaOgB;EACA;;AAGJ;EACI;;AAGJ;EbxBZ;EACA,WAlBa;EAmBb;EawBgB;;AAEJ;EArCJ;IAsCQ;;EACA;IACQ;IACA;IACA;;EAGR;IACI;;EAGJ;IACI;;;;AC9DpB;EACI;;AAEI;EACI;;AACA;Ed6BZ;EACA;EACA,WAjCW;;AcMH;EACI;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EAVJ;IAWQ;;;AAEJ;EAbJ;IAcQ;;;AAKZ;EdbZ;EACA,WAlBa;EAmBb;EcagB;EACA,cftCT;;AeyCK;EACI;EACA;EACA;EACA;EACA;;AdLhB;EACI;EACA;EACA;EACA;EACA,WA5CM;EA6CN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBIxDK","file":"styles.css"} \ No newline at end of file diff --git a/web/themes/erabletheme/js/erabletheme.js b/web/themes/erabletheme/js/erabletheme.js index 115e1b8..7841e7a 100644 --- a/web/themes/erabletheme/js/erabletheme.js +++ b/web/themes/erabletheme/js/erabletheme.js @@ -132,106 +132,284 @@ // // Effets parallax // + let currentPage; + if (document.querySelector('.fullpage:not(.actus)')) currentPage = 'fullpage'; + else if (document.querySelector('.carousel_container')) currentPage = 'home'; + let ornements, scrollHeight; function getElementsAndPositions() { scrollHeight = document.body.scrollHeight; - ornements = { - topUnderFirst : { - el : document.querySelector('.ornements_top_under > div:first-of-type'), - values : window.innerWidth < 1080 ? { left : -45, top : -3 } : { left : -50, top : 1 }, - mobileValues : { left : -45, top : -3 } - }, - topUnderSecond : { - el : document.querySelector('.ornements_top_under > div:last-of-type'), - values : window.innerWidth < 1080 ? { left : -60, top : 0 } : { left : -56.5, top : 6 }, - mobileValues : { left : -60, top : 0 } - }, - topOver : { - el : document.querySelector('.ornements_top_over'), - values : { left : -40, top : -16 }, - mobileValues : { right : -55, top : -5 } - }, - bottomFirst : { - el : document.querySelector('.ornements_bottom_over > div:first-of-type'), - values : window.innerWidth < 1080 ? { left : -8, bottom : -4 } : { left : -20, bottom : 6 }, - mobileValues : { left : -8, bottom : -4 } - }, - bottomSecond : { - el : document.querySelector('.ornements_bottom_over > div:last-of-type'), - values : window.innerWidth < 1080 ? { left : 18, bottom : -11 } : { left : 25, bottom : -9 }, - mobileValues : { left : -3, bottom : -15 } - } + if (currentPage === 'fullpage') { + ornements = { + topUnderFirst : { + el : document.querySelector('.ornements_top_under > div:first-of-type'), + values : window.innerWidth < 1080 ? { left : -45, top : -3 } : { left : -50, top : 1 }, + mobileValues : { left : -45, top : -3 } + }, + topUnderSecond : { + el : document.querySelector('.ornements_top_under > div:last-of-type'), + values : window.innerWidth < 1080 ? { left : -60, top : 0 } : { left : -56.5, top : 6 }, + mobileValues : { left : -60, top : 0 } + }, + topOver : { + el : document.querySelector('.ornements_top_over'), + values : { left : -36, top : -20 }, + mobileValues : { right : -55, top : -5 } + }, + bottomFirst : { + el : document.querySelector('.ornements_bottom_over > div:first-of-type'), + values : window.innerWidth < 1080 ? { left : -8, bottom : -4 } : { left : -20, bottom : 6 }, + mobileValues : { left : -8, bottom : -4 } + }, + bottomSecond : { + el : document.querySelector('.ornements_bottom_over > div:last-of-type'), + values : window.innerWidth < 1080 ? { left : 18, bottom : -11 } : { left : 25, bottom : -9 }, + mobileValues : { left : -3, bottom : -15 } + } + }; + } else if (currentPage === 'home') { + ornements = { + carouselTop : { + el : document.querySelector('.ornements_carousel_top'), + values : window.innerWidth < 1080 ? { left : 3, top : -25 } : { left : -10, top : 20 }, + // mobileValues : {} + }, + carouselBottomFirst : { + el : document.querySelector('.ornements_carousel_bottom > div:first-of-type'), + values : window.innerWidth < 1080 ? { left : 0, top : 35 } : { left : 0, top : -16 }, + // mobileValues : {} + }, + carouselBottomSecond : { + el : document.querySelector('.ornements_carousel_bottom > div:nth-of-type(2)'), + values : window.innerWidth < 1080 ? { left : 12, top : 40 } : { left : 4, top : -8 }, + // mobileValues : {} + }, + presentationLeftFirst : { + el : document.querySelector('.ornements_presentation_left > div:first-of-type'), + values : { left : -20, bottom : -8 }, + mobileValues : { left : -20, bottom : -8 } + }, + presentationLeftSecond : { + el : document.querySelector('.ornements_presentation_left > div:nth-of-type(2)'), + values : { left : -21, bottom : -3 }, + mobileValues : { left : -10, bottom : -5 } + }, + presentationLeftThird : { + el : document.querySelector('.ornements_presentation_left > div:nth-of-type(3)'), + values : { left : -22, bottom : -3 }, + mobileValues : { left : -22, bottom : -3 } + }, + presentationRightFirst : { + el : document.querySelector('.ornements_presentation_right > div:first-of-type'), + values : { right : -6, bottom : -3 }, + mobileValues : { right : -15, bottom : -6 } + }, + presentationRightSecond : { + el : document.querySelector('.ornements_presentation_right > div:nth-of-type(2)'), + values : { right : -12, bottom : -12 }, + mobileValues : { right : -12, bottom : -12 } + }, + consultationLeftFirst : { + el : document.querySelector('.ornements_consultation_left > div:first-of-type'), + values : window.innerWidth < 1080 ? { left : -30, bottom : -10 } : { left : 0, bottom : 5 }, + mobileValues : { left : -30, bottom : -10 } + }, + consultationLeftSecond : { + el : document.querySelector('.ornements_consultation_left > div:nth-of-type(2)'), + values : window.innerWidth < 1080 ? { left : -12, top : 0 } : { left : -20, top : -5 }, + mobileValues : { left : -12, top : 0 } + }, + consultationRightFirst : { + el : document.querySelector('.ornements_consultation_right > div:first-of-type'), + values : window.innerWidth < 1080 ? { right : -8, bottom : -2 } : { right : -3, bottom : 6 }, + mobileValues : { right : -8, bottom : -2 } + }, + consultationRightSecond : { + el : document.querySelector('.ornements_consultation_right > div:nth-of-type(2)'), + values : { right : -4, bottom : 3 }, + mobileValues : { right : -4, bottom : 0 } + } + }; } } function moveElementsOnScroll() { - ornements.topOver.el.style.left = `${ornements.topOver.values.left * (window.innerWidth / 100) - window.scrollY / 4}px`; - ornements.topOver.el.style.top = `${ornements.topOver.values.top * (window.innerHeight / 100) + window.scrollY / 1.1}px`; + if (currentPage === 'fullpage') { + ornements.topOver.el.style.left = `${ornements.topOver.values.left * (window.innerWidth / 100) - window.scrollY / 4}px`; + ornements.topOver.el.style.top = `${ornements.topOver.values.top * (window.innerHeight / 100) + window.scrollY / 1.1}px`; + + ornements.topUnderFirst.el.style.left = `${ornements.topUnderFirst.values.left * (window.innerWidth / 100) - window.scrollY / 5}px`; + ornements.topUnderFirst.el.style.top = `${ornements.topUnderFirst.values.top * (window.innerHeight / 100) + window.scrollY / 1.3}px`; + + ornements.topUnderSecond.el.style.left = `${ornements.topUnderSecond.values.left * (window.innerWidth / 100) - window.scrollY / 8}px`; + ornements.topUnderSecond.el.style.top = `${ornements.topUnderSecond.values.top * (window.innerHeight / 100) + window.scrollY / 1.2}px`; + + ornements.bottomFirst.el.style.right = `${ornements.bottomFirst.values.left * (window.innerWidth / 100) - ((scrollHeight - (window.scrollY + window.innerHeight)) / 5)}px`; + + ornements.bottomSecond.el.style.bottom = `${ornements.bottomFirst.values.bottom * (window.innerHeight / 100) - ((scrollHeight - (window.scrollY + window.innerHeight)) / 2)}px`; + } else if (currentPage === 'home') { + ornements.carouselTop.el.style.left = `${ornements.carouselTop.values.left * (window.innerWidth / 100) - window.scrollY / 4}px`; + ornements.carouselTop.el.style.top = `${ornements.carouselTop.values.top * (window.innerHeight / 100) + window.scrollY / 8}px`; - ornements.topUnderFirst.el.style.left = `${ornements.topUnderFirst.values.left * (window.innerWidth / 100) - window.scrollY / 5}px`; - ornements.topUnderFirst.el.style.top = `${ornements.topUnderFirst.values.top * (window.innerHeight / 100) + window.scrollY / 1.3}px`; + ornements.carouselBottomFirst.el.style.left = `${ornements.carouselBottomFirst.values.left * (window.innerWidth / 100) + window.scrollY / 5}px`; + ornements.carouselBottomFirst.el.style.top = `${ornements.carouselBottomFirst.values.top * (window.innerHeight / 100) + window.scrollY / 1.3}px`; - ornements.topUnderSecond.el.style.left = `${ornements.topUnderSecond.values.left * (window.innerWidth / 100) - window.scrollY / 8}px`; - ornements.topUnderSecond.el.style.top = `${ornements.topUnderSecond.values.top * (window.innerHeight / 100) + window.scrollY / 1.2}px`; + ornements.carouselBottomSecond.el.style.left = `${ornements.carouselBottomSecond.values.left * (window.innerWidth / 100) - window.scrollY / 8}px`; + ornements.carouselBottomSecond.el.style.top = `${ornements.carouselBottomSecond.values.top * (window.innerHeight / 100) + window.scrollY / 1.2}px`; - ornements.bottomFirst.el.style.right = `${ornements.bottomFirst.values.left * (window.innerWidth / 100) - ((scrollHeight - (window.scrollY + window.innerHeight)) / 5)}px`; - ornements.bottomSecond.el.style.top = `${ornements.bottomFirst.values.bottom * (window.innerHeight / 100) + ((scrollHeight - (window.scrollY + window.innerHeight)) / 2)}px`; + ornements.presentationLeftFirst.el.style.left = `${ornements.presentationLeftFirst.values.left * (window.innerWidth / 100) - ((scrollHeight - (window.scrollY + window.innerHeight)) / 5)}px`; + + ornements.presentationLeftSecond.el.style.left = `${ornements.presentationLeftSecond.values.left * (window.innerWidth / 100) - ((scrollHeight - (window.scrollY + window.innerHeight)) / 3)}px`; + + ornements.presentationLeftThird.el.style.left = `${ornements.presentationLeftThird.values.left * (window.innerWidth / 100) - ((scrollHeight - (window.scrollY + window.innerHeight)) / 2)}px`; + + + ornements.presentationRightFirst.el.style.right = `${ornements.presentationRightFirst.values.right * (window.innerWidth / 100) - ((scrollHeight - (window.scrollY + window.innerHeight)) / 5)}px`; + + ornements.presentationRightSecond.el.style.right = `${ornements.presentationRightSecond.values.right * (window.innerWidth / 100) - ((scrollHeight - (window.scrollY + window.innerHeight)) / 3)}px`; + + + + + ornements.consultationLeftFirst.el.style.left = `${ornements.consultationLeftFirst.values.left * (window.innerWidth / 100) - ((scrollHeight - (window.scrollY + window.innerHeight)) / 6)}px`; + + ornements.consultationLeftSecond.el.style.left = `${ornements.consultationLeftSecond.values.left * (window.innerWidth / 100) - ((scrollHeight - (window.scrollY + window.innerHeight)) / 2)}px`; + + + ornements.consultationRightFirst.el.style.right = `${ornements.consultationRightFirst.values.right * (window.innerWidth / 100) - ((scrollHeight - (window.scrollY + window.innerHeight)) / 4)}px`; + + ornements.consultationRightSecond.el.style.right = `${ornements.consultationRightSecond.values.right * (window.innerWidth / 100) - ((scrollHeight - (window.scrollY + window.innerHeight)) / 2)}px`; + + } } function resetElementsPosition() { - ornements.topUnderFirst.el.style.left = `${ornements.topUnderFirst.values.left}vw`; - ornements.topUnderFirst.el.style.top = `${ornements.topUnderFirst.values.top}vh`; + if (currentPage === 'fullpage') { - ornements.topUnderSecond.el.style.left = `${ornements.topUnderSecond.values.left}vw`; - ornements.topUnderSecond.el.style.top = `${ornements.topUnderSecond.values.top}vh`; + ornements.topUnderFirst.el.style.left = `${ornements.topUnderFirst.values.left}vw`; + ornements.topUnderFirst.el.style.top = `${ornements.topUnderFirst.values.top}vh`; + + ornements.topUnderSecond.el.style.left = `${ornements.topUnderSecond.values.left}vw`; + ornements.topUnderSecond.el.style.top = `${ornements.topUnderSecond.values.top}vh`; + + ornements.topOver.el.style.left = `${ornements.topOver.values.left}vw`; + ornements.topOver.el.style.top = `${ornements.topOver.values.top}vh`; + + ornements.bottomFirst.el.style.left = "unset", + ornements.bottomFirst.el.style.right = `${ornements.bottomFirst.values.left}vw`; + ornements.bottomFirst.el.style.bottom = `${ornements.bottomFirst.values.bottom}vh`; + + ornements.bottomSecond.el.style.top = "unset"; + ornements.bottomSecond.el.style.left = `${ornements.bottomSecond.values.left}vw`; + ornements.bottomSecond.el.style.bottom = `${ornements.bottomSecond.values.bottom}vh`; - ornements.topOver.el.style.left = `${ornements.topOver.values.left}vw`; - ornements.topOver.el.style.top = `${ornements.topOver.values.top}vh`; + } else if (currentPage === 'home') { - ornements.bottomFirst.el.style.left = "unset", - ornements.bottomFirst.el.style.right = `${ornements.bottomFirst.values.left}vw`; - ornements.bottomFirst.el.style.bottom = `${ornements.bottomFirst.values.bottom}vh`; + ornements.carouselTop.el.style.left = `${ornements.carouselTop.values.left}vw`; + ornements.carouselTop.el.style.top = `${ornements.carouselTop.values.top}vh`; - ornements.bottomSecond.el.style.top = "unset"; - ornements.bottomSecond.el.style.left = `${ornements.bottomSecond.values.left}vw`; - ornements.bottomSecond.el.style.bottom = `${ornements.bottomSecond.values.bottom}vh`; + ornements.carouselBottomFirst.el.style.left = `${ornements.carouselBottomFirst.values.left}vw`; + ornements.carouselBottomFirst.el.style.top = `${ornements.carouselBottomFirst.values.top}vh`; + + ornements.carouselBottomSecond.el.style.left = `${ornements.carouselBottomSecond.values.left}vw`; + ornements.carouselBottomSecond.el.style.top = `${ornements.carouselBottomSecond.values.top}vh`; + + ornements.presentationLeftFirst.el.style.left = `${ornements.presentationLeftFirst.values.left}vw`; + ornements.presentationLeftFirst.el.style.bottom = `${ornements.presentationLeftFirst.values.bottom}vh`; + + ornements.presentationLeftSecond.el.style.left = `${ornements.presentationLeftSecond.values.left}vw`; + ornements.presentationLeftSecond.el.style.bottom = `${ornements.presentationLeftSecond.values.bottom}vh`; + + ornements.presentationLeftThird.el.style.left = `${ornements.presentationLeftThird.values.left}vw`; + ornements.presentationLeftThird.el.style.bottom = `${ornements.presentationLeftThird.values.bottom}vh`; + + ornements.presentationRightFirst.el.style.right = `${ornements.presentationRightFirst.values.right}vw`; + ornements.presentationRightFirst.el.style.bottom = `${ornements.presentationRightFirst.values.bottom}vh`; + + ornements.presentationRightSecond.el.style.right = `${ornements.presentationRightSecond.values.right}vw`; + ornements.presentationRightSecond.el.style.bottom = `${ornements.presentationRightSecond.values.bottom}vh`; + + ornements.consultationLeftFirst.el.style.left = `${ornements.consultationLeftFirst.values.left}vw`; + ornements.consultationLeftFirst.el.style.bottom = `${ornements.consultationLeftFirst.values.bottom}vh`; + + ornements.consultationLeftSecond.el.style.left = `${ornements.consultationLeftSecond.values.left}vw`; + ornements.consultationLeftSecond.el.style.top = `${ornements.consultationLeftSecond.values.top}vh`; + + ornements.consultationRightFirst.el.style.right = `${ornements.consultationRightFirst.values.right}vw`; + ornements.consultationRightFirst.el.style.bottom = `${ornements.consultationRightFirst.values.bottom}vh`; + + ornements.consultationRightSecond.el.style.right = `${ornements.consultationRightSecond.values.right}vw`; + ornements.consultationRightSecond.el.style.bottom = `${ornements.consultationRightSecond.values.bottom}vh`; + } } function resetMobileElementsPosition() { - ornements.topUnderFirst.el.style.left = `${ornements.topUnderFirst.mobileValues.left}vw`; - ornements.topUnderFirst.el.style.top = `${ornements.topUnderFirst.mobileValues.top}vh`; + if (currentPage === 'fullpage') { - ornements.topUnderSecond.el.style.left = `${ornements.topUnderSecond.mobileValues.left}vw`; - ornements.topUnderSecond.el.style.top = `${ornements.topUnderSecond.mobileValues.top}vh`; + ornements.topUnderFirst.el.style.left = `${ornements.topUnderFirst.mobileValues.left}vw`; + ornements.topUnderFirst.el.style.top = `${ornements.topUnderFirst.mobileValues.top}vh`; + + ornements.topUnderSecond.el.style.left = `${ornements.topUnderSecond.mobileValues.left}vw`; + ornements.topUnderSecond.el.style.top = `${ornements.topUnderSecond.mobileValues.top}vh`; + + ornements.topOver.el.style.left = "unset"; + ornements.topOver.el.style.right = `${ornements.topOver.mobileValues.right}vw`; + ornements.topOver.el.style.top = `${ornements.topOver.mobileValues.top}vh`; + + ornements.bottomFirst.el.style.left = "unset", + ornements.bottomFirst.el.style.right = `${ornements.bottomFirst.mobileValues.left}vw`; + ornements.bottomFirst.el.style.bottom = `${ornements.bottomFirst.mobileValues.bottom}vh`; + + ornements.bottomSecond.el.style.top = "unset"; + ornements.bottomSecond.el.style.left = `${ornements.bottomSecond.mobileValues.left}vw`; + ornements.bottomSecond.el.style.bottom = `${ornements.bottomSecond.mobileValues.bottom}vh`; - ornements.topOver.el.style.left = "unset"; - ornements.topOver.el.style.right = `${ornements.topOver.mobileValues.right}vw`; - ornements.topOver.el.style.top = `${ornements.topOver.mobileValues.top}vh`; + } else if (currentPage === 'home') { - ornements.bottomFirst.el.style.left = "unset", - ornements.bottomFirst.el.style.right = `${ornements.bottomFirst.mobileValues.left}vw`; - ornements.bottomFirst.el.style.bottom = `${ornements.bottomFirst.mobileValues.bottom}vh`; + ornements.presentationLeftFirst.el.style.left = `${ornements.presentationLeftFirst.mobileValues.left}vw`; + ornements.presentationLeftFirst.el.style.bottom = `${ornements.presentationLeftFirst.mobileValues.bottom}vh`; - ornements.bottomSecond.el.style.top = "unset"; - ornements.bottomSecond.el.style.left = `${ornements.bottomSecond.mobileValues.left}vw`; - ornements.bottomSecond.el.style.bottom = `${ornements.bottomSecond.mobileValues.bottom}vh`; + ornements.presentationLeftSecond.el.style.left = `${ornements.presentationLeftSecond.mobileValues.left}vw`; + ornements.presentationLeftSecond.el.style.bottom = `${ornements.presentationLeftSecond.mobileValues.bottom}vh`; + + ornements.presentationLeftThird.el.style.left = `${ornements.presentationLeftThird.mobileValues.left}vw`; + ornements.presentationLeftThird.el.style.bottom = `${ornements.presentationLeftThird.mobileValues.bottom}vh`; + + ornements.presentationRightFirst.el.style.right = `${ornements.presentationRightFirst.mobileValues.right}vw`; + ornements.presentationRightFirst.el.style.bottom = `${ornements.presentationRightFirst.mobileValues.bottom}vh`; + + ornements.presentationRightSecond.el.style.right = `${ornements.presentationRightSecond.mobileValues.right}vw`; + ornements.presentationRightSecond.el.style.bottom = `${ornements.presentationRightSecond.mobileValues.bottom}vh`; + + ornements.consultationLeftFirst.el.style.left = `${ornements.consultationLeftFirst.mobileValues.left}vw`; + ornements.consultationLeftFirst.el.style.bottom = `${ornements.consultationLeftFirst.mobileValues.bottom}vh`; + + ornements.consultationLeftSecond.el.style.left = `${ornements.consultationLeftSecond.mobileValues.left}vw`; + ornements.consultationLeftSecond.el.style.top = `${ornements.consultationLeftSecond.mobileValues.top}vh`; + + ornements.consultationRightFirst.el.style.right = `${ornements.consultationRightFirst.mobileValues.right}vw`; + ornements.consultationRightFirst.el.style.bottom = `${ornements.consultationRightFirst.mobileValues.bottom}vh`; + + ornements.consultationRightSecond.el.style.right = `${ornements.consultationRightSecond.mobileValues.right}vw`; + ornements.consultationRightSecond.el.style.bottom = `${ornements.consultationRightSecond.mobileValues.bottom}vh`; + } } - function setupResize() { + function setupParallax() { getElementsAndPositions(); resetElementsPosition(); window.addEventListener("scroll", moveElementsOnScroll); } - if (document.querySelector('.fullpage:not(.actus)')) { - if (window.innerWidth > 760) setupResize(); + if (currentPage) { + if (window.innerWidth > 760) setupParallax(); window.addEventListener('resize', () => { window.scrollTo(0, 0); window.removeEventListener("scroll", moveElementsOnScroll); if (window.innerWidth > 760) { - setupResize(); + setupParallax(); } else if (ornements) { resetMobileElementsPosition(); } diff --git a/web/themes/erabletheme/scss/_fullpage.scss b/web/themes/erabletheme/scss/_fullpage.scss index 2a6c6d5..d91c2e4 100644 --- a/web/themes/erabletheme/scss/_fullpage.scss +++ b/web/themes/erabletheme/scss/_fullpage.scss @@ -80,7 +80,7 @@ margin-bottom: 8vh; } @media (min-width: $breakpoint_tablet) { - margin-top: 10vh; + margin-top: 12vh; padding-top: 0; width: 75vw; margin-left: 12.5vw; diff --git a/web/themes/erabletheme/scss/global/_global.scss b/web/themes/erabletheme/scss/global/_global.scss index 08ecb32..eb68d72 100644 --- a/web/themes/erabletheme/scss/global/_global.scss +++ b/web/themes/erabletheme/scss/global/_global.scss @@ -1,3 +1,3 @@ #block-erabletheme-contenudelapageprincipale { - margin-top: 7vh; + margin-top: 10vh; } diff --git a/web/themes/erabletheme/scss/partials/_header.scss b/web/themes/erabletheme/scss/partials/_header.scss index 3721309..a1f337b 100644 --- a/web/themes/erabletheme/scss/partials/_header.scss +++ b/web/themes/erabletheme/scss/partials/_header.scss @@ -12,7 +12,7 @@ z-index: 99; div { max-width: 100%; - max-height: 7vh; + max-height: 10vh; display: flex; flex-wrap: nowrap; justify-content: space-between; @@ -30,8 +30,12 @@ } } } + @media (min-width: $breakpoint_tablet) { + padding-right: 2rem; + } @media (min-width: $breakpoint_desktop) { width: 10vw; + padding-right: 1vw; } } #block-erabletheme-logoerable { @@ -54,6 +58,9 @@ } @media (min-width: $breakpoint_desktop) { width: 10vw; + padding-left: 3vw; + padding-top: 0.4rem; + padding-bottom: 0.4rem; } } #block-erabletheme-navigationprincipale { @@ -64,7 +71,7 @@ height: 100%; align-items: center; justify-content: space-around; - padding: 0 5vw; + padding: 0 2vw; li { font-family: 'Marianne', sans-serif; font-size: $m_font_size; @@ -79,7 +86,6 @@ background-color: $fluo_green; } a.is-active { - font-weight: 400; background-color: $fluo_green; } } @@ -120,13 +126,14 @@ #block-erabletheme-header { #hamburger { cursor: pointer; - width: 7vh; + width: 10vh; height: 100%; background-color: $fluo_green; display: flex; flex-direction: column; align-items: center; justify-content: space-around; + padding: 0.5rem 0; h2 { font-size: $sm_font_size; font-family: 'Marianne', sans-serif; @@ -168,7 +175,7 @@ transition: max-height 0.9s ease, padding 0.5s ease-out; position: fixed; background-color: $dark_green; - top: 7vh; + top: 10vh; left: 0; width: 100vw; z-index: 0; diff --git a/web/themes/erabletheme/scss/partials/_ornements.scss b/web/themes/erabletheme/scss/partials/_ornements.scss index 1ec801d..4619818 100644 --- a/web/themes/erabletheme/scss/partials/_ornements.scss +++ b/web/themes/erabletheme/scss/partials/_ornements.scss @@ -30,8 +30,8 @@ right: -8vw; } @media (min-width: $breakpoint_tablet) { - left: -40vw; - top: -16vw; + left: -35vw; + top: -20vw; > div { transform: scaleX(-1); left: -55vw; @@ -42,11 +42,8 @@ > div:nth-of-type(2) { display: none; } - } - @media (min-width: $breakpoint_desktop) { > div:nth-of-type(3) { - transform: scaleX(-1) rotate(-25deg); - top: -25vh; + background-image: url(../assets/formes/forme_6.png); } } } @@ -223,7 +220,7 @@ background-size: contain; background-image: url(../assets/formes/forme_5.png); position: absolute; - margin-top: 35vh; + top: 35vh; } > div:nth-of-type(2) { width: 100%; @@ -232,8 +229,8 @@ background-size: contain; background-image: url(../assets/formes/forme_2.png); position: absolute; - margin-top: 40vh; - margin-left: 12vw; + top: 40vh; + left: 12vw; } } @media (min-width: $breakpoint_desktop) { @@ -242,11 +239,11 @@ top: 0; right: -2vw; > div:first-of-type { - margin-top: -16vh; + top: -16vh; } > div:nth-of-type(2) { - margin-top: -8vh; - margin-left: 4vw; + top: -8vh; + left: 4vw; } } } @@ -358,8 +355,7 @@ bottom: -10vh; @media (min-width: $breakpoint_desktop) { transform: rotate(0deg); - bottom: unset; - top: -5vh; + bottom: 5vh; left: 0; width: 60%; } @@ -419,7 +415,6 @@ } @media (min-width: $breakpoint_desktop) { transform: none; - right: -4vw; width: 60%; } }