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

@@ Ligne 140 : / Ligne 140 : @@
 }
-/* === Icônes FontAwesome === */
+/* === Icônes === */
-.badge .fa-solid,
+/* Icône AVANT le texte */
-.badge .fa-regular,
+.badge > span:first-child,
-.badge .fa-brands {
+.badge > i:first-child {
-margin-right: 0.45em;
+margin-right: 0;
-font-size: 1.1em;
+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;
+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 seule */
+/* Correction pour l'extension FontAwesome qui génère des <span> */
-.badge .fa-solid:only-child,
+.badge span[class*="fa-"] {
-.badge .fa-regular:only-child,
+margin-left: 0.6em;
-.badge .fa-brands:only-child {
 margin-right: 0;
 }
+.badge span[class*="fa-"]:first-child {
+margin-left: 0;
+margin-right: 0.6em;
+}
 /* === Variantes de taille === */