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:
@@ -8,7 +8,7 @@
|
||||
a {
|
||||
font-size: $fs_xs;
|
||||
font-weight: 800;
|
||||
color: $teal;
|
||||
color: $fluo_green_text;
|
||||
}
|
||||
}
|
||||
.article_meta {
|
||||
|
||||
@@ -38,7 +38,7 @@ $tile_height: 220vh;
|
||||
.decor-left { left: 0; }
|
||||
.decor-right { right: 0; }
|
||||
|
||||
// --- Frises gauches (6 répartiess sur la hauteur du tile) ---
|
||||
// --- Frises gauches (réparties sur la hauteur du tile) ---
|
||||
.decor-left-1 { top: 2%; height: 20vh; }
|
||||
.decor-left-2 { top: 18%; height: 32vh; }
|
||||
.decor-left-3 { top: 38%; height: 42vh; }
|
||||
@@ -46,6 +46,10 @@ $tile_height: 220vh;
|
||||
.decor-left-5 { top: 70%; height: 22vh; }
|
||||
.decor-left_6,
|
||||
.decor-left-6 { top: 88%; height: 10vh; }
|
||||
// Frises intercalées pour densifier le bord gauche.
|
||||
.decor-left-7 { top: 10%; height: 16vh; }
|
||||
.decor-left-8 { top: 48%; height: 20vh; }
|
||||
.decor-left-9 { top: 80%; height: 18vh; }
|
||||
|
||||
// --- Frises droites (13 réparties sur la hauteur du tile) ---
|
||||
.decor-right-1 { top: 1%; height: 22vh; }
|
||||
|
||||
@@ -147,7 +147,7 @@ $pagination_line_offset: 4rem; // distance bas carrousel -> centre de la ligne f
|
||||
color: black;
|
||||
}
|
||||
&.slick-active button::before {
|
||||
color: $fluo_green;
|
||||
color: $fluo_green_text;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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