Stacked FontAwesome icons for badges, etc

(Zane Beckman) #1

Stacking FontAwesome icons can result in some pretty neat looking glyphs. It would be nice to be able to stack icons like this when specifying the icon for a badge.

It involves a parent element with fa-stack class, then two child elements for each stacked image.

Rather than catering to this specific use case, is there a way the badge system could be expanded to allow arbitrary html for the badge image in such a way that isn’t a support nightmare?

(Sam Saffron) #2

Have you tried entering html?

(Zane Beckman) #3

It doesn’t exactly break, but it also doesn’t work. The twitter example only shows the twitter logo, and the other examples don’t display an icon at all. (Even the placeholder glyph.)

(Sam Saffron) #4

That is very likely due to missing CSS rules. Look at the HTML it renders.

(Zane Beckman) #5

It’s more than just that. It’s throwing everything inside the class tag.

(Sam Saffron) #6

This looks like a bug to me then. We should get that fixed.

(Zane Beckman) #7

I didn’t realize it was supposed to allow arbitrary html, but yes, that would be awesome!