Refonte décors home + texte vert lisible
- home: chapo agrandi, flower-1 collée à gauche, oiseau droite retiré - oiseau projets lauréats -> bird-3 (plus petit, repositionné) - frise verte parallax au niveau de la carte projets - suppression décors footer + système page-decor (code mort inclus) - /projets: texte à gauche de la carte agrandi en desktop - texte vert #33ffc4 -> #0c8461 (sidebars, contenus projets, etc.) - icône dropdown sidebar au même vert que le texte
This commit is contained in:
@@ -26,31 +26,6 @@
|
||||
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;
|
||||
|
||||
Reference in New Issue
Block a user