« Modèle:Badge/styles.css » : différence entre les versions
De Nefald
Autres actions
mAucun résumé des modifications |
mAucun résumé des modifications |
||
| Ligne 140 : | Ligne 140 : | ||
} | } | ||
/* === Icônes | /* === Icônes === */ | ||
/* Icône AVANT le texte */ | /* Icône AVANT le texte */ | ||
.badge > | .badge > span:first-child, | ||
margin-right: 0. | .badge > i:first-child { | ||
margin-right: 0.6em; | |||
margin-left: 0; | |||
} | } | ||
/* Icône APRÈS le texte */ | /* Icône APRÈS le texte */ | ||
.badge > | .badge > span:last-child:not(:first-child), | ||
margin-left: 0. | .badge > i:last-child:not(:first-child) { | ||
margin-left: 0.6em; | |||
margin-right: 0; | |||
} | } | ||
/* Alignement des icônes FontAwesome */ | /* Alignement vertical des icônes FontAwesome */ | ||
.badge .fa, | .badge .fa, | ||
.badge .fas, | .badge .fas, | ||
.badge .far, | .badge .far, | ||
.badge .fab { | .badge .fab { | ||
font-size: | font-size: 1em; | ||
vertical-align: middle; | vertical-align: middle; | ||
line-height: 1; | |||
display: inline-block; | |||
} | |||
/* Correction pour l'extension FontAwesome qui génère des <span> */ | |||
.badge span[class*="fa-"] { | |||
margin-left: 0.6em; | |||
margin-right: 0; | |||
} | } | ||
.badge span[class*="fa-"]:first-child { | |||
margin-left: 0; | |||
margin-right: 0.6em; | |||
} | |||
/* === Variantes de taille === */ | /* === Variantes de taille === */ | ||