Font-awesome: Icon stack size set to 2em

Created on 19 Sep 2013  路  3Comments  路  Source: FortAwesome/Font-Awesome

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

css

Most helpful comment

Any updates to this? It seems un-intuitive that stacking results in a size larger than the default inline size.

All 3 comments

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.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

douglasdeodato picture douglasdeodato  路  3Comments

yarcowang picture yarcowang  路  3Comments

ojvribeiro picture ojvribeiro  路  3Comments

Eschwinm picture Eschwinm  路  3Comments

desspro picture desspro  路  3Comments