How to convert background-position: % in Tailwind

Issue

Didn't find a way to convert
background-position: 0% 20%;
in tailwind

I only find these classes bg-{side}

any help is appreciated

Solution

If you're using the new just-in-time (JIT) mode, you can generate this class on the fly.

Then you can just use: bg-[0% 20%]. The square brackets just mean that this is an arbitrary value that isn't in the config.

Here are the docs for JIT mode.

https://tailwindcss.com/docs/just-in-time-mode

Answered By - Nick