Roadmap

Progression of icon size is inconsistent

What Feature would you like to see included within TaleSpire?
The provided sizes of icons are great, don’t get me wrong. However, the jump in size is inconsistent and we are developing a symbiote which might benefit from a “medium+” size. Slightly bigger than medium but smaller than large. Currently you offer:

  • ts-icon-xsmall: 16px

  • ts-icon-small: 24px

  • ts-icon-medium: 32px - if no size is specified, it will default to this size

  • ts-icon-large: 64px

  • ts-icon-xlarge: 128px

As you see here, from 24 (small) to 32 (medium) is a reasonable 25% increase. But from 32 (medium) to 64 (large) is a 100% increase. Having a middle step here would be super appreciated!

What situations would this Feature be useful?
Symbiote UI’s are contrained on real-estate and having more flexibility in icon size, or an ability to manually scale up or down from the available sizes would be ideal.

 

Additional Thoughts/Details

If there’s an HTML or CSS trick to this I’m not aware of that would probably solve the problem just with more steps involved.