Y
Hacker News
new
|
ask
|
show
|
jobs
by
matteason
3 days ago
They're usually done with SVGs or CSS pseudoelements (a clip-path polygon or borders and rotation) rather than Unicode arrows
1 comments
wuhhh
3 days ago
Exactly, 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
link
reaperducer
3 days ago
And then the line wraps.
link
wuhhh
3 days ago
Alright I’ll take the bait, flex shrink none on the svg, white space no wrap on the text
link