Border "padding"?

Hello everyone, with a div that has padding-inline, how do you typically styling to achieve a border like this image? I usually add border to pseudo-element like ::after or to a child div instead, just wondering if there is a better way...
No description
3 Replies
MarkBoots
MarkBoots12mo ago
you could do it with a border image. If you make the inline-padding a custom property, you could use that value to calculate a gradient (transparent, color, transparent) for the border-image. something like this: https://codepen.io/MarkBoots/pen/rNPzqQg
Kai Cerësy✨
Kai Cerësy✨12mo ago
cool, thank you so much 😁 I always forget that border-image exists
MarkBoots
MarkBoots12mo ago
Removed the codepen. Here a backup for future reference
Want results from more Discord servers?
Add your server