application de la nouvelle identité sur toutes les pages

This commit is contained in:
2026-06-01 22:10:03 +02:00
parent a4cc0ef538
commit b52190eff6
44 changed files with 1369 additions and 907 deletions

View File

@@ -49,12 +49,44 @@ $header_height: 4.5rem; // 72px maquette
padding: 0 1rem;
}
// Logo République : occupe toute la hauteur du header
// (pas le -1rem de marge appliqué aux autres logos).
#block-erabletheme-logorep-2 {
padding-left: 1.25rem;
img {
max-height: $header_height;
height: $header_height;
width: auto;
}
}
#block-erabletheme-logoerable {
margin-left: auto; // pousse le burger à droite
img {
width: auto;
height: auto;
max-height: calc($header_height - 1rem);
}
}
// Templates custom (block--erabletheme-logoepau-2 et logoerable)
// → structure <div><a><img> hors du sélecteur générique
// `div > div > div img`. On rappelle la contrainte de hauteur.
// Padding vertical pour réduire visuellement le logo epau,
// qui a moins de marge interne que les autres logos.
#block-erabletheme-logoepau-2 {
a {
display: flex;
align-items: center;
height: 100%;
padding: 1.4rem 0;
box-sizing: border-box;
}
img {
width: auto;
height: 100%;
max-height: 100%;
}
}
#block-erabletheme-socialmedialinks {
@@ -208,9 +240,6 @@ $header_height: 4.5rem; // 72px maquette
}
}
#block-erabletheme-navigationprincipale {
margin-top: 0 !important;
}
}
> div:nth-of-type(2) {
@@ -219,51 +248,6 @@ $header_height: 4.5rem; // 72px maquette
}
}
#block-erabletheme-navigationprincipale {
background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0.8) 50%, transparent);
width: 100%;
display: none;
position: absolute;
padding-top: 1rem;
@media (min-width: $breakpoint_desktop) {
display: block;
}
ul {
width: 100%;
display: flex;
padding: 1rem 10vw;
justify-content: space-around;
li {
font-family: $marianne;
font-size: $fs_sm;
padding: 9px 16px;
background-color: white;
transition: background-color 0.3s ease;
&:first-of-type {
display: flex;
justify-items: center;
&::after {
content: url(../assets/icons/arrow-down-s-line.svg);
display: inline-block;
height: 1rem;
width: 1rem;
margin-left: 0.2rem;
}
}
&:hover, &.submenu-open {
background-color: $fluo_green;
}
a {
font-weight: 800;
color: black;
&:is-active {
background-color: $fluo_green;
}
}
}
}
}
#block-erabletheme-leprogramme {
position: fixed;
background-color: white;