/* Bouton « Bas de page » de l'en-tête. * * Il n'a pas de couleurs à lui. Il porte les classes du thème — * `c-btn --outline`, comme « S'impliquer » juste à côté — et hérite donc de * la pastille, du rayon, de la typographie, des transitions, et surtout du * jeu de couleurs que le thème bascule tout seul entre en-tête clair (au * dessus d'une bannière sombre) et en-tête normal. La flèche est le glyphe * `ff-icon-after-arrow-down` de la police d'icônes du thème. * * Ce fichier ne fait donc que deux retouches que le thème n'avait pas à * prévoir. * * Chargé sur les 18 pages publiques : l'en-tête, comme le pied de page, est * remplacé par celui de la page d'arrivée au changement de page, sans que le * `` soit jamais touché. Un style présent sur une seule page * disparaîtrait donc dès qu'on y arrive par un lien interne. */ /* 1. `--donate` réserve de la place pour son icône avec un padding dédié; * `ff-icon-after-*` colle la sienne au texte. Même respiration. */ .c-to-footer::after { margin-left: 0.55em; font-size: 0.85em; } /* 2. Sur téléphone, le thème masque les pastilles de l'en-tête * (`.c-header__nav-sec .c-btn { display: none }`) : il ne reste que le * menu. Celle-ci est une aide à la navigation, et c'est justement sur les * écrans étroits que les pages sont les plus longues — elle reste donc, * réduite à sa flèche. Même bordure, mêmes couleurs, juste sans le mot. */ @media screen and (max-width: 749px) { .c-header__nav-sec .c-btn.c-to-footer { display: inline-flex; align-items: center; justify-content: center; --_pad-top: 0; --_pad-btm: 0; --_pad-side: 0; width: 2.6em; height: 2.6em; } .c-to-footer .c-to-footer__label { display: none; } .c-to-footer::after { margin-left: 0; } }