Scaling icons at 'css.gg' and more

 I convert the CSS icons at 'css.gg' to units of 'ems' so they scale well.


I assume one 'em' is 16px.


'css.gg' uses a 'scale' transform, but I have found this produces 'blocked steps' for the curves when scaled up.


'css.gg' removes unnecessary semi-colons at the end of a list of CSS properties for a CSS rule. But, I always get bugs when I add another property at the end of a list and forget to add a semi-colon at the end of the previous property.


It may be better to use inline SVG icons, but I learn about CSS when I modify the icons at 'css.gg' and I do not know much about modifying SVG's. There is probably less code if I use the icons from 'css.gg' rather than SVG's. I do not want to include a big online icon library.


I convert the icons at 'css.gg' from '2px'-wide lines to '1px'. I am using icons like illustrations and I do not want them to be too bold.


There is a little confusion about the license for the icons at 'css.gg', but the website says it it an MIT license.


There are more tips at: bbingo.xyz/techtips/

Comments

Popular posts from this blog

webkit-tap-highlight-color in CSS

Steve Jobs quotes