/* * Garde de focus des commandes SCE. * * 1.2.161 (JF : « plus simple, ne peut-on en CSS général sur le site désactiver * cette action ? ») * * OUI — et mieux que par la conversion des éléments. Ce que la console a montré : * * button:focus, button:hover { background-color: #CC3366; color: #fff } * * servi par la feuille de base du thème. Or la feuille des fiches déclare bien * `.nd-hero-btn:hover` — une classe (0,2,0) qui l'emporte sur `button:hover` * (0,1,1). Le survol n'était donc jamais en cause. Mais elle ne déclare AUCUN * `:focus`, vérifié sur deux fiches réelles : au clic, le bouton prend le focus, * plus rien ne s'oppose au thème, et la couleur reste tant que le focus reste. * * Cela explique l'observation de JF, « près du bouton, pas sur le bouton » : * en s'éloignant, le survol cesse et sa règle avec, laissant apparaître le * focus dessous. * * POURQUOI NE PAS NEUTRALISER LA RÈGLE DU THÈME EN GÉNÉRAL. Elle vise TOUS les * boutons du site — formulaires, Elementor, autres extensions. La désactiver * globalement changerait l'apparence de pages que SCE ne gère pas. On ne * couvre donc que les commandes SCE, nommément. * * CONSÉQUENCE : l'étape 7 devient inutile pour ce défaut. Trois lignes de * feuille valent mieux que la réécriture de soixante-dix-huit documents. */ /* * Les valeurs reprennent l'apparence AU REPOS des commandes, telle que les * fiches la déclarent. La variable garde son repli : une fiche d'un autre * millésime retombe sur la même teinte. */ .nd-hero-btn:focus, .nd-hero-btn:focus-visible, .nd-share__btn:focus, .nd-share__btn:focus-visible { background-color: transparent; } /* * 1.2.162 — LA CROIX D'ARRÊT A SON PROPRE FOND AU REPOS. * * Je l'avais mise à `transparent` avec les autres : elle serait devenue * presque invisible sur le fond sombre du hero. Son fond au repos est un noir * translucide, et c'est lui qu'il faut rendre. * * C'est elle que le test au clavier de JF a désignée : après `Tab`, le focus * passe de la commande à la croix, et le rose avec. Les deux sont des * `button`, la règle du thème peint celui qui a le focus. */ .nd-hero-btn__stop:focus, .nd-hero-btn__stop:focus-visible { background-color: rgba( 0, 0, 0, .35 ); } .nd-hero-btn--primary:focus, .nd-hero-btn--primary:focus-visible { background-color: var(--nd-orange, #F59816); } /* * 1.2.483 — SURVOL COMMUN DES ACTIONS DE PARTAGE. * * « Copier le lien » est le seul