Don't show double icons for fa-icon elements

This commit is contained in:
JC Brand 2020-05-20 20:30:40 +02:00
parent aec0ba7148
commit a497e8df3a

View File

@ -66,21 +66,26 @@
#conversejs, .converse-website {
/* Apparent font-awesome bug? The circle has some kind of bottom margin */
.far {
fa-icon:before {
content: none !important;
}
.far:not(fa-icon) {
font-family: 'ConverseFontAwesomeRegular' !important;
font-weight: 400;
}
.fa,
.fas {
.fa:not(fa-icon),
.fas:not(fa-icon) {
font-family: 'ConverseFontAwesomeSolid' !important;
font-weight: 900;
}
.fab {
.fab:not(fa-icon) {
font-family: 'ConverseFontAwesomeBrands';
}
.fa, .far, .fas, .fab {
.fa:not(fa-icon), .far:not(fa-icon), .fas:not(fa-icon), .fab:not(fa-icon) {
display: inline-block;
font-size: inherit;
text-rendering: auto;