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
Post a Comment