sass - Find real (optical) center of SVG icons using SCSS mixin -


so reading through pretty interesting (and accurate) article on play button never being centered optically -

https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175

after reading wanted try , take stab @ creating mixin always find actual center of icon no matter shape of it. but! lot trickier thought came here help!

oh , side note: passing of svg icons font file has base styles on such as:

font-family:"iconfont"; display:inline-block; vertical-align:middle; line-height:1; font-weight:normal; font-style:normal; speak:none; text-decoration:inherit; text-transform:none; text-rendering:optimizelegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; 

any or guidance highly appreciated!

best, artem


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -