All of these files had to be cleaned up,Īs they were going to be inlined and these styles were affecting other icons colours. Some icons exported from Sketch and Illustrator contained the same ID attribute, inlined CSS, styleĬlasses and other junk, even after being through the SVG optimizer. Non-supported browsers.icon-iconname Sketch and Illustrator exports. Occurrences in our markup to use the new SVG icons as background images and to have a PNG fallback for Remove around 800 icons and more than 2000 background-positions from the stylesheet. The decision was made to use SVG icons embedded as data URIs in CSS (see listing below), with an embedded PNGįallback which we built with grunticon. Will explain our reasoning behind this decision and how it improved maintainability and website performance. Around a year ago, in our large scale refactoring projectĪlso known as Project Ironman, we stepped away from image sprites that we used for our icons.
0 Comments
Leave a Reply. |