mirror of
https://github.com/R0m1k3/PleinR.git
synced 2026-10-11 17:27:54 +02:00
Accueil: logo centre, "A l'honneur" en carrousel auto
- Hero : logo centre verticalement (alignItems center) - Titre "A l'honneur ce mois-ci" -> "A l'honneur" - Remplace les 3 fiches "mise en avant" par un carrousel auto-defilant de tous les adherents actifs, en rotation equitable (l'ordre pivote d'un cran par heure). Pause au survol, respecte prefers-reduced-motion. - Retire la coche "Mettre a l'honneur" du back-office (edition adherent) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
1 parent
eb6536ce8a
commit
64ab10dea1
6 files changed
+161
-68
No files matched your search
@@ -351,3 +351,38 @@ button {
|
||||
color: var(--muted);
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
/* ---- Carrousel d'adhérents (défilement automatique) ---- */
|
||||
@keyframes pleinr-marquee {
|
||||
from {
|
||||
transform: translateX(0);
|
||||
}
|
||||
to {
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
.pleinr-marquee {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
|
||||
mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
|
||||
}
|
||||
.pleinr-marquee-track {
|
||||
display: flex;
|
||||
gap: 18px;
|
||||
width: max-content;
|
||||
animation-name: pleinr-marquee;
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
.pleinr-marquee:hover .pleinr-marquee-track {
|
||||
animation-play-state: paused;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.pleinr-marquee-track {
|
||||
animation: none;
|
||||
}
|
||||
.pleinr-marquee {
|
||||
overflow-x: auto;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user