application de la nouvelle identité sur toutes les pages
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user