« Modèle:Badge/styles.css » : différence entre les versions

@@ Ligne 140 : / Ligne 140 : @@
 }
-/* === Icônes FontAwesome === */
+/* === Icônes === */
-/* Icône AVANT le texte (comportement par défaut) */
+/* Icône AVANT le texte */
-.badge .fa-solid:first-child,
+.badge > span:first-child,
-.badge .fa-regular:first-child,
+.badge > i:first-child {
-.badge .fa-brands:first-child {
+margin-right: 0;
-margin-right: 0.45em;
+margin-left: 0.6em;
+}
+/* Icône APRÈS le texte */
+.badge > span:last-child:not(:first-child),
+.badge > i:last-child:not(:first-child) {
 margin-left: 0;
-font-size: 1.1em;
+margin-right: 0.6em;
+}
+/* Alignement vertical des icônes FontAwesome */
+.badge .fa,
+.badge .fas,
+.badge .far,
+.badge .fab {
+font-size: 0.6em;
 vertical-align: middle;
+line-height: 1;
+display: inline-block;
 }
-/* Icône APRÈS le texte */
+/* Correction pour l'extension FontAwesome qui génère des <span> */
-.badge .fa-solid:last-child,
+.badge span[class*="fa-"] {
-.badge .fa-regular:last-child,
+margin-left: 0.6em;
-.badge .fa-brands:last-child {
-margin-left: 0.45em;
 margin-right: 0;
-font-size: 1.1em;
-vertical-align: middle;
 }
-/* Icône seule - version simplifiée */
+.badge span[class*="fa-"]:first-child {
-.badge-icon-only .fa-solid,
-.badge-icon-only .fa-regular,
-.badge-icon-only .fa-brands {
-margin-right: 0;
 margin-left: 0;
+margin-right: 0.6em;
 }