bachir/drupal-erable
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

décors ponctuels (oiseaux, fleurs) sur home, pages internes et footer

Browse Source
This commit is contained in:
Valentin Le Moign
2026-06-05 19:34:15 +02:00
parent 0f1e8bab18
commit 8e5a0c936e
16 changed files with 580 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
web/themes/erabletheme/scss/partials/_footer.scss
View File

@@ -19,12 +19,38 @@
margin-top: 50px;
padding: 1rem $x_margin;
box-sizing: border-box;
position: relative;
@media (min-width: $breakpoint_desktop) {
width: 50vw;
margin-left: 25vw;
padding: 1rem;
}
// Ornements décoratifs (oiseau / fleur) "posés" sur le bord haut du
// footer : bord bas légèrement entré dans le footer, le reste dépasse
// au-dessus. En desktop le footer fait 50vw centré ; les ornements
// sont à cheval sur les bords du footer (moitié dedans, moitié hors).
// Le footer est passé au-dessus de main (cf. _global.scss) pour que
// les ornements recouvrent le bas de la colonne.
// pointer-events:none pour ne pas bloquer les liens du footer.
> .footer-decor {
position: absolute;
bottom: 100%;
width: 18vw;
height: auto;
transform: translateY(15%);
pointer-events: none;
@media (min-width: $breakpoint_desktop) {
width: 8vw;
}
}
> .footer-decor-bird { left: 0; }
> .footer-decor-flower { right: 0; }
@media (min-width: $breakpoint_desktop) {
> .footer-decor-bird { left: -4vw; }
> .footer-decor-flower { right: -4vw; }
}
#footer_middle {
display: flex;
flex-wrap: wrap;