From ebadb23dcd5567737c3964c800870902187b8d09 Mon Sep 17 00:00:00 2001 From: Valentin Date: Mon, 18 Mar 2024 21:45:12 +0100 Subject: [PATCH] modif header --- web/themes/erabletheme/css/styles.css | 262 +++++++++--------- web/themes/erabletheme/css/styles.css.map | 2 +- .../erabletheme/scss/global/_global.scss | 3 + .../erabletheme/scss/partials/_header.scss | 189 ++++++------- 4 files changed, 229 insertions(+), 227 deletions(-) diff --git a/web/themes/erabletheme/css/styles.css b/web/themes/erabletheme/css/styles.css index 267c20e..e8eaa57 100644 --- a/web/themes/erabletheme/css/styles.css +++ b/web/themes/erabletheme/css/styles.css @@ -48,6 +48,11 @@ a { #block-erabletheme-contenudelapageprincipale { margin-top: 10vh; } +@media (min-width: 1080px) { + #block-erabletheme-contenudelapageprincipale { + margin-top: 16vh; + } +} strong { font-weight: bold; @@ -77,137 +82,102 @@ body.toolbar-fixed header { position: fixed; top: 0; left: 0; - box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); z-index: 99; -} -.layout-container header div { - max-width: 100%; - max-height: 10vh; - display: flex; - flex-wrap: nowrap; - justify-content: space-between; -} -.layout-container header div #block-erabletheme-logorepublique { - width: 15%; -} -.layout-container header div #block-erabletheme-logorepublique a { - display: flex; - align-items: center; -} -.layout-container header div #block-erabletheme-logorepublique a img { - padding-left: 3vw; - height: auto; - width: 100%; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); } @media (min-width: 1080px) { - .layout-container header div #block-erabletheme-logorepublique a img { - padding-right: 1.5vw; + .layout-container header { + box-shadow: none; } } +.layout-container header > div { + height: 10vh; + display: grid; + grid-template-columns: repeat(16, 1fr); +} +.layout-container header > div > div { + height: 10vh; + grid-row: 1; + max-height: 100%; + width: 100%; +} +.layout-container header > div > div > div { + width: 100%; + display: flex; + justify-content: center; + align-items: center; +} +.layout-container header > div > div > div > div { + height: 10vh; +} +.layout-container header > div > div > div > div a { + display: block; + height: 100%; + width: 100%; + display: flex; + justify-content: center; + align-items: center; +} +.layout-container header > div > div > div > div img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; +} +.layout-container header > div #block-erabletheme-logorep-2 { + grid-column: 1/5; +} @media (min-width: 760px) { - .layout-container header div #block-erabletheme-logorepublique { - padding-right: 2rem; + .layout-container header > div #block-erabletheme-logorep-2 { + grid-column: 0/4; } } @media (min-width: 1080px) { - .layout-container header div #block-erabletheme-logorepublique { - width: 10%; - padding-right: 1%; + .layout-container header > div #block-erabletheme-logorep-2 { + grid-column: 1/3; } } -.layout-container header div #block-erabletheme-logoerable { - max-height: 100%; - width: 20%; +.layout-container header > div #block-erabletheme-logoepau-2 { + grid-column: 5/10; } -.layout-container header div #block-erabletheme-logoerable > div { - width: auto; -} -.layout-container header div #block-erabletheme-logoerable > div a { - width: 100%; - display: flex; - align-items: center; - justify-content: center; -} -.layout-container header div #block-erabletheme-logoerable > div a img { - height: 100%; - width: auto; - padding-top: 3px; - padding-bottom: 3px; +@media (min-width: 760px) { + .layout-container header > div #block-erabletheme-logoepau-2 { + grid-column: 4/7; + } } @media (min-width: 1080px) { - .layout-container header div #block-erabletheme-logoerable { - width: 10%; - padding-left: 3%; - padding-top: 0.4rem; - padding-bottom: 0.4rem; + .layout-container header > div #block-erabletheme-logoepau-2 { + grid-column: 3/6; + } + .layout-container header > div #block-erabletheme-logoepau-2 img { + padding: 0 1rem; } } -.layout-container header div #block-erabletheme-navigationprincipale { - display: none; - width: 60%; -} -.layout-container header div #block-erabletheme-navigationprincipale ul { - width: 100%; - display: flex; - height: 100%; - align-items: center; - justify-content: space-around; - padding: 0 2vw; -} -.layout-container header div #block-erabletheme-navigationprincipale ul li { - font-family: "Marianne", sans-serif; - font-size: 0.9rem; -} -.layout-container header div #block-erabletheme-navigationprincipale ul li a { - font-weight: 800; - padding: 4px 6px; - color: black; - background-color: rgba(255, 255, 255, 0); - transition: background-color 0.3s ease; -} -.layout-container header div #block-erabletheme-navigationprincipale ul li a:hover { - background-color: #00ff80; -} -.layout-container header div #block-erabletheme-navigationprincipale ul li a.is-active { - background-color: #00ff80; +.layout-container header > div #block-erabletheme-logoerable { + grid-column: 11/15; } @media (min-width: 1080px) { - .layout-container header div #block-erabletheme-navigationprincipale { - display: block; + .layout-container header > div #block-erabletheme-logoerable { + grid-column: 14/16; } } -.layout-container header div #block-erabletheme-socialmedialinks { - width: 7%; - margin: 0 calc((20% - (7% + 7vh)) / 2); +.layout-container header > div #block-erabletheme-logoerable img { + padding: 0 1.5rem; +} +.layout-container header > div #block-erabletheme-socialmedialinks { display: none; } -.layout-container header div #block-erabletheme-socialmedialinks ul { - height: 100%; - display: flex; - align-items: center; - justify-content: space-between; -} -.layout-container header div #block-erabletheme-socialmedialinks ul li a span { - font-weight: lighter; - font-size: 1.4rem; - width: 2.2rem; - height: 2.2rem; - padding: 0.4rem; - border-radius: 1.1rem; - color: white; - background-color: #038788; -} -.layout-container header div #block-erabletheme-socialmedialinks ul li a svg.ext { - display: none; +.layout-container header > div #block-erabletheme-header { + grid-column: 15/17; } @media (min-width: 1080px) { - .layout-container header div #block-erabletheme-socialmedialinks { - display: block; + .layout-container header > div #block-erabletheme-header { + grid-column: 16/17; } } -.layout-container header div #block-erabletheme-header #hamburger { +.layout-container header > div #block-erabletheme-header #hamburger { cursor: pointer; - width: 10vh; + width: 100%; height: 100%; background-color: #00ff80; display: flex; @@ -216,13 +186,13 @@ body.toolbar-fixed header { justify-content: space-around; padding: 0.5rem 0; } -.layout-container header div #block-erabletheme-header #hamburger h2 { +.layout-container header > div #block-erabletheme-header #hamburger h2 { font-size: 0.8rem; font-family: "Marianne", sans-serif; font-weight: 800; text-align: center; } -.layout-container header div #block-erabletheme-header #hamburger .burger-icon { +.layout-container header > div #block-erabletheme-header #hamburger .burger-icon { width: 2rem; height: 1.5rem; display: flex; @@ -230,7 +200,7 @@ body.toolbar-fixed header { justify-content: space-between; padding-bottom: 0.5rem; } -.layout-container header div #block-erabletheme-header #hamburger .burger-icon div { +.layout-container header > div #block-erabletheme-header #hamburger .burger-icon div { border-bottom: solid 1px black; width: 100%; background-color: black; @@ -238,16 +208,16 @@ body.toolbar-fixed header { transition: opacity 0.2s ease-out, transform 0.4s ease-out; transform: none; } -.layout-container header div #block-erabletheme-header #hamburger .burger-icon.open div:first-of-type { +.layout-container header > div #block-erabletheme-header #hamburger .burger-icon.open div:first-of-type { transform: translate(0rem, 0.5rem) rotate(-45deg); } -.layout-container header div #block-erabletheme-header #hamburger .burger-icon.open div:nth-of-type(2) { +.layout-container header > div #block-erabletheme-header #hamburger .burger-icon.open div:nth-of-type(2) { opacity: 0; } -.layout-container header div #block-erabletheme-header #hamburger .burger-icon.open div:last-of-type { +.layout-container header > div #block-erabletheme-header #hamburger .burger-icon.open div:last-of-type { transform: translate(0rem, -0.5rem) rotate(45deg); } -.layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) { +.layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) { display: none; height: auto; max-height: 0vh; @@ -262,7 +232,7 @@ body.toolbar-fixed header { align-items: center; flex-direction: column; } -.layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) > li { +.layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li { width: 100%; display: flex; justify-content: center; @@ -271,7 +241,7 @@ body.toolbar-fixed header { transition: opacity 0.3s ease; max-width: 60vw; } -.layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a { +.layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a { text-align: center; line-height: 1.2; color: white; @@ -281,61 +251,97 @@ body.toolbar-fixed header { background-color: rgba(255, 255, 255, 0); transition: background-color 0.3s ease, color 0.3s ease; } -.layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a:hover { +.layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a:hover { background-color: white; color: #314e41; } -.layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a.is-active { +.layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a.is-active { background-color: white; color: #314e41; } @media (min-width: 760px) { - .layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) > li { + .layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li { max-width: 30vw; } } -.layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper { +.layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper { display: flex; width: auto; } -.layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li { +.layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li { width: auto; padding: 0 1rem; margin-top: 1rem; } -.layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li a span { +.layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li a span { color: white; } -.layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li a svg { +.layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li a svg { display: none; } -.layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) > li.visible { +.layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li.visible { opacity: 1; } -.layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(1), -.layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(2), -.layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(6) { +.layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(1), +.layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(2), +.layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(6) { border-bottom: solid 1px white; padding: 12px 0; } @media (min-width: 1080px) { - .layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) { + .layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) { width: 25vw; right: 0; left: auto; } - .layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) li { + .layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) li { width: calc(100% - 6vw); } - .layout-container header div #block-erabletheme-header ul:not(.social-media-links--platforms) li a { + .layout-container header > div #block-erabletheme-header ul:not(.social-media-links--platforms) li a { width: 100%; text-align: left; } } -.layout-container header div #block-erabletheme-header ul.active { +.layout-container header > div #block-erabletheme-header ul.active { padding: 30px 0; max-height: 100vh; } +.layout-container header > div #block-erabletheme-navigationprincipale { + display: none; + grid-column: 1/17; + grid-row: 2; + background-color: white; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); +} +@media (min-width: 1080px) { + .layout-container header > div #block-erabletheme-navigationprincipale { + display: block; + } +} +.layout-container header > div #block-erabletheme-navigationprincipale ul { + width: 100%; + display: flex; + padding: 1rem 10vw; + justify-content: space-around; + border-top: solid 1px #314e41; +} +.layout-container header > div #block-erabletheme-navigationprincipale ul li { + font-family: "Marianne", sans-serif; + font-size: 0.9rem; +} +.layout-container header > div #block-erabletheme-navigationprincipale ul li a { + font-weight: 800; + padding: 4px 6px; + color: black; + background-color: rgba(255, 255, 255, 0); + transition: background-color 0.3s ease; +} +.layout-container header > div #block-erabletheme-navigationprincipale ul li a:hover { + background-color: #00ff80; +} +.layout-container header > div #block-erabletheme-navigationprincipale ul li a.is-active { + background-color: #00ff80; +} .layout-container > footer { width: 100vw; diff --git a/web/themes/erabletheme/css/styles.css.map b/web/themes/erabletheme/css/styles.css.map index c4adc2b..5966f05 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;;;AAGJ;EACI;;;AAGJ;EACI;;;ALDJ;AMPA;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AACA;EACI,cJjCb;EIkCa;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;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA,WHpFV;;AGqFU;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI,kBC/Ff;;ADiGW;EACI,kBClGf;;ADsGG;EA5BJ;IA6BQ;;;AAGR;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBC3HrB;;AD6HiB;EACI;;AAIZ;EAzBJ;IA0BQ;;;AAIJ;EACI;EACA;EACA;EACA,kBC5IP;ED6IO;EACA;EACA;EACA;EACA;;AACA;EACI,WHlJT;EGmJS;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,kBCvLP;EDwLO;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAC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;;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;EA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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":"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3BJ;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;EA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","file":"styles.css"} \ No newline at end of file diff --git a/web/themes/erabletheme/scss/global/_global.scss b/web/themes/erabletheme/scss/global/_global.scss index 5c2fb9d..9c987b5 100644 --- a/web/themes/erabletheme/scss/global/_global.scss +++ b/web/themes/erabletheme/scss/global/_global.scss @@ -1,5 +1,8 @@ #block-erabletheme-contenudelapageprincipale { margin-top: 10vh; + @media (min-width: $breakpoint_desktop) { + margin-top: 16vh; + } } strong { diff --git a/web/themes/erabletheme/scss/partials/_header.scss b/web/themes/erabletheme/scss/partials/_header.scss index d11f259..d8560e3 100644 --- a/web/themes/erabletheme/scss/partials/_header.scss +++ b/web/themes/erabletheme/scss/partials/_header.scss @@ -17,126 +17,85 @@ body.toolbar-fixed header { position: fixed; top: 0; left: 0; - box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); z-index: 99; - div { - max-width: 100%; - max-height: 10vh; - display: flex; - flex-wrap: nowrap; - justify-content: space-between; - #block-erabletheme-logorepublique { - width: 15%; - a { + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); + @media (min-width: $breakpoint_desktop) { + box-shadow: none; + } + > div { + height: 10vh; + display: grid; + grid-template-columns: repeat(16, 1fr); + > div{ + height: 10vh; + grid-row: 1; + max-height: 100%; + width: 100%; + > div { + width: 100%; display: flex; + justify-content: center; align-items: center; - img { - padding-left: $x_margin; - height: auto; - width: 100%; - @media (min-width: $breakpoint_desktop) { - padding-right: 1.5vw; + > div { + height: 10vh; + a { + display: block; + height: 100%; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + } + img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; } } } + } + #block-erabletheme-logorep-2 { + grid-column: 1 / 5; @media (min-width: $breakpoint_tablet) { - padding-right: 2rem; + grid-column: 0 / 4; } @media (min-width: $breakpoint_desktop) { - width: 10%; - padding-right: 1%; + grid-column: 1 / 3; + } + } + #block-erabletheme-logoepau-2 { + grid-column: 5 / 10; + @media (min-width: $breakpoint_tablet) { + grid-column: 4 / 7; + } + @media (min-width: $breakpoint_desktop) { + grid-column: 3 / 6; + img { + padding: 0 1rem; + } } } #block-erabletheme-logoerable { - max-height: 100%; - width: 20%; - > div { - width: auto; - a { - width: 100%; - display: flex; - align-items: center; - justify-content: center; - img { - height: 100%; - width: auto; - padding-top: 3px; - padding-bottom: 3px; - } - } - } + grid-column: 11 / 15; @media (min-width: $breakpoint_desktop) { - width: 10%; - padding-left: 3%; - padding-top: 0.4rem; - padding-bottom: 0.4rem; + grid-column: 14 / 16; } - } - #block-erabletheme-navigationprincipale { - display: none; - width: 60%; - ul { - width: 100%; - display: flex; - height: 100%; - align-items: center; - justify-content: space-around; - padding: 0 2vw; - li { - font-family: 'Marianne', sans-serif; - font-size: $m_font_size; - a { - font-weight: 800; - padding: 4px 6px; - color: black; - background-color: rgba(255, 255, 255, 0); - transition: background-color 0.3s ease; - } - a:hover { - background-color: $fluo_green; - } - a.is-active { - background-color: $fluo_green; - } - } - } - @media (min-width: $breakpoint_desktop) { - display: block; + img { + padding: 0 1.5rem; } } #block-erabletheme-socialmedialinks { - width: 7%; - margin: 0 calc((20% - (7% + 7vh)) / 2); display: none; - ul { - height: 100%; - display: flex; - align-items: center; - justify-content: space-between; - li a { - span { - font-weight: lighter; - font-size: 1.4rem; - width: 2.2rem; - height: 2.2rem; - padding: 0.4rem; - border-radius: 1.1rem; - color: white; - background-color: $teal; - } - svg.ext { - display: none; - } - } - } - @media (min-width: $breakpoint_desktop) { - display: block; - } } #block-erabletheme-header { + grid-column: 15 / 17; + @media (min-width: $breakpoint_desktop) { + grid-column: 16 / 17; + } #hamburger { cursor: pointer; - width: 10vh; + width: 100%; height: 100%; background-color: $fluo_green; display: flex; @@ -268,6 +227,40 @@ body.toolbar-fixed header { max-height: 100vh; } } + #block-erabletheme-navigationprincipale { + display: none; + grid-column: 1 / 17; + grid-row: 2; + background-color: white; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); + @media (min-width: $breakpoint_desktop) { + display: block; + } + ul { + width: 100%; + display: flex; + padding: 1rem 10vw; + justify-content: space-around; + border-top: solid 1px $dark_green; + li { + font-family: 'Marianne', sans-serif; + font-size: $m_font_size; + a { + font-weight: 800; + padding: 4px 6px; + color: black; + background-color: rgba(255, 255, 255, 0); + transition: background-color 0.3s ease; + } + a:hover { + background-color: $fluo_green; + } + a.is-active { + background-color: $fluo_green; + } + } + } + } } } }