cssicon icon indicating copy to clipboard operation
cssicon copied to clipboard

Use relative units like em with font-size

Open thysultan opened this issue 8 years ago • 4 comments

Use relative units like 'em' with 'font-size' for better scaling support.

thysultan avatar Oct 17 '16 12:10 thysultan

Agree with better scaling support. It's the only surface complaint I have regarding these icons in comparison to a typical "font" solution.

ityler avatar Oct 17 '16 18:10 ityler

thanks for the suggestion! I will experiment and see if my concerns can be addressed (some css trick need specific exact value to work, and some relationship between elements need to be exact to look the way i want them to look) This process reminds me of font hinting! lol

wentin avatar Oct 18 '16 03:10 wentin

+1 for this. Ems are definitely the way to go.

Quickly tried on codepen and it works fine: http://codepen.io/LucaRosaldi/pen/jrZVNW

LucaRosaldi avatar Oct 18 '16 08:10 LucaRosaldi

Also you may use some keywords for better code integration, like color: inherit

XiBOR avatar Oct 21 '16 14:10 XiBOR