Apply border opacity to individual side

[StinkyDubeau]

(My first discussion, sorry if it sucks)

It would be nice if, much like border-t-red, we could apply opacity to specific sides of an element. I.e. border-t-opacity-25.

I can accomplish the same thing with custom colours, border-t-[#ffffff33], but it would be nice if the above syntax worked.

Thanks

[alex-krasikau]

Hey @StinkyDubeau!

Tailwind CSS has an additional color opacity modifier. The solution is border-t-red-500/50. You can see a full example here: https://play.tailwindcss.com/P54VBk5LdW. For more details, check out the Border Opacity documentation.