Assigning to Parser as I suspect this is what would need to be fixed up to support this.
This patch [1] demonstrates the large number of rules exist for external links:
The browser matches styles from right to left, so the rightmost selector is really important.
We shouldn't need to have to resort to CSS rules in the form div#content a.external[href ^="https://"] - a link with class external should also have a class describing what type of external link it is if it is necessary. These selectors are less efficient and are not supported by older browsers.
Ideally we should simply these rules to become something like:
.link-audio,
.link-video,
.link-document,
.link-irc,
.link-ftp,
.link-https,
.link-news,
.link-mailto {
padding-right: 13px;
background: transparent center right no-repeat;
}
with rules for each of them for their correct icon.
[1] https://gerrit.wikimedia.org/r/#/c/85920/2/skins/vector/externalLinks.less
Version: unspecified
Severity: normal
See Also:
https://bugzilla.wikimedia.org/show_bug.cgi?id=63725
https://bugzilla.wikimedia.org/show_bug.cgi?id=63521