6 ms·
What is one to do? Unicode has dozens of arrows for each direction, but each of them has its height compared to the text rendered differently depending on font
by Aardwolf 2mo ago
What is one to do? Unicode has dozens of arrows for each direction, but each of them has its height compared to the text rendered differently depending on font or platform
- matteason 2mo agoThey're usually done with SVGs or CSS pseudoelements (a clip-path polygon or borders and rotation) rather than Unicode arrows
- wuhhh 2mo agoExactly, text content goes in a <span>, icon is an <svg>, flex align items center on the wrapper gets you close, nudge the icon to perfection with transform: translate
- reaperducer 2mo agoAnd then the line wraps.
- wuhhh 2mo agoAlright I’ll take the bait, flex shrink none on the svg, white space no wrap on the text