When working with icon stacks I found that my stacked icons where 2x larger than the 'normal' icons. After some CSS digging I found this is normal, since the height and width of the .icon-stack
class are set to 2em...
This is pretty confusing, unexpected behaviour imo. Especially when making custom sign icons I found this pretty enoying. It's pretty hard to adjust the height of a stacked icon so it behaves the same as a sign icon.
Example:
http://jsfiddle.net/HscxP/3/
Related issues:
https://github.com/FortAwesome/Font-Awesome/issues/1361
I second that - it would probably be easier icons inside a stack were set at 0.5em, with the stack-base being set at 1em.
Could you provide a better implementation with base size of 1em?
I tried with: http://jsfiddle.net/HscxP/4/
but it's a little bit hacky
Any updates to this? It seems un-intuitive that stacking results in a size larger than the default inline size.
Most helpful comment
Any updates to this? It seems un-intuitive that stacking results in a size larger than the default inline size.