Can't get odd, even, first, last... pseudo class

[endadodev]

This is my tailwind.config.js:

variants: { backgroundColor: ['responsive', 'group-hover', 'first', 'last', 'odd', 'even', 'hover', 'focus', 'active', 'visited', 'disabled'], },

And this my html: <div v-for="item in itemList" class="border-t text-gray-600 bg-yellow-500 odd:bg-gray-200"> item </div>

Does not work for me any pseudo-class that I add in taildwind.config.css.

Please, help me!

[adamwathan]

Hmm should work, are you sure your CSS is being compiled using your Tailwind config?

Here's a working example:

https://tailwind.run/DFcetn

[vascoosx]

Seems like it requires @tailwindcss/custom-forms. Is that expected?

[tlgreg]

@vascoosx That's just a default configuration on tailwind.run, not needed for this example.