Skip to content
This repository was archived by the owner on Apr 6, 2021. It is now read-only.

Extending colors not working properly #160

Closed
hunzaboy opened this issue Mar 26, 2021 · 2 comments
Closed

Extending colors not working properly #160

hunzaboy opened this issue Mar 26, 2021 · 2 comments

Comments

@hunzaboy
Copy link

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
Copy link
Member

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
Copy link
Author

hunzaboy commented Mar 29, 2021

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.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants