search

tailwindlabs / tailwindcss-jit

MIT License
2.19k stars 40 forks source link

Extending colors not working properly #160

Closed hunzaboy closed 3 years ago

hunzaboy commented 3 years ago

What version of @tailwindcss/jit are you using?

v0.1.8

What version of Node.js are you using?

v14.15.4

What browser are you using?

Chrome

What operating system are you using?

MacOS

Reproduction repository

#

The JIT compiler is unable to compile my colors (especially the 1st one (test1) as shown in the screenshot). The text colors are working but the background variants are not working e.g bg-test1-50 etc

All color-related variants are working for test2 but not for test1 ( as defined in the screenshot)

Screenshot 2021-03-26 at 14 38 16
adamwathan commented 3 years ago

Hey! This works as expected here:

image

Please open a new issue and include a reproduction repository if this is still an issue. Without a reproduction I can only try to reproduce it myself, and if I can't I have to assume it's an issue in your configuration.

hunzaboy commented 3 years ago

Hey Adam,

Thanks for the reply.

FYI: I think I know why that happened, my config was correct but I was using @layer utilities in my CSS file with some custom code. I removed it and now it is working as expected. Also, I am using NextJs. I hope this information might be useful for the development of the awesome JIT Compiler.