Can I have Custom Border Width?

[adrians5j]

With v3, I was able to do something like border-sm or border-md.

With v4, it seems to me I can't do that anymore.

I was at least hoping the -sm or -md part would be pulled from spacing section of the theme, but no.

I saw there is this workaround though where you reference your own custom width directly via a CSS var, but… you know…. I’d say it’s a dirty workaround.

<div class="border-(length:--my-border-width) ...">
  <!-- ... -->
</div>

[wongjn]

You should be able to use --border-width namespace in @theme to configure your own border width theme tokens: https://play.tailwindcss.com/4f7scKfDqt

[adrians5j]

Woah thanks a lot, will check it out soon!

[adrians5j]

It worked, thanks a lot!

P.S. I tried this but it didn't work. And it didn't worked b/c I did not put the border-width into @theme, but into :root. 🤦🏻
Just started tw3->tw4 upgrade, so still trying to connect all the dots. :)