Customization Required
Add this to your site's "Custom Styles" section:
/** FontAwesome Icon Mixin */
.font-awesome-icon() {
display: inline-block;
margin-right: 0.3em;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/** Add `fa-retweet` to the "Exchange" Tag */
.TagHero[style*='rgb(255, 162, 41)'] .Hero-title:before,
.TagLabel[style*='rgb(255, 162, 41)'] > span:before {
.font-awesome-icon();
content: "\f079";
}
How to customize
You will need to customize rgb(r, g, b)
in the selector to match the color of the tag in question. Note: It will always be rgb()
(not #hex) so you will need to convert hex -> rgb.
Adjust the content:
attribute using a the unicode from FontAwesome's library.
Tested with Flarum 0.1.0-beta.7