Arbitrary values

[shaunforage]

Love the work on cva so far.

Just wondering if there is a way to use arbitrary values with variants. Basically I want a variant with some set options while allowing a rem value also. I am imagining a syntax where you can use the value within the classname.

[joe-bell]

Sadly not really possible :(

Tailwind’s JIT engine doesn’t support dynamic strings. Exploring some documentation-based approaches to work around this though

[shaunforage]

Thanks for the reply 🙏 Looking forward to the future for cva!

[ivosabev]

It could work if you add the classes to the safelist.

https://tailwindcss.com/docs/content-configuration#safelisting-classes

For the convenience dynamic values offers, I would go through the burden to manually whitelist the needed values.

[joe-bell]

Absolutely you could, and it's something I've been exploring. The key issue is finding a way to extract all of these classes out prior to Tailwind's compile step – which would be significant overhead