/* ============================================================
FA-Replacements (datingtheme child override)
--------------------------------------------------------------
Ersetzt die ~10 tatsächlich genutzten FontAwesome-4.7-Icons
durch inline-SVGs via mask-image — damit kann die externe
FA-CDN-Ressource (~30 KB CSS + Webfont) abgeschaltet werden.
--------------------------------------------------------------
Genutzte Klassen im Theme:
.fa-search — Quick-Search Widget
.fa-heart — Profile / Like
.fa-thumbs-up — Profile / Bewertung
.fa-facebook .fa-twitter .fa-pinterest .fa-linkedin
.fa-google-plus .fa-whatsapp .fa-xing — Social Share
============================================================ */
.fa {
display: inline-block;
width: 1em;
height: 1em;
line-height: 1;
vertical-align: -0.125em;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.fa::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask: no-repeat center / contain;
mask: no-repeat center / contain;
}
/* ---- Utility / Profile icons (currentColor) ---- */
.fa-search::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.fa-heart::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.fa-thumbs-up::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
/* ---- Social brand icons ---- */
.fa-facebook::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.fa-twitter::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.fa-pinterest::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.fa-linkedin::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.fa-google-plus::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.fa-whatsapp::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.fa-xing::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}