Incorrect CSS conflicts with Tailwind CSS IntelliSense extension
rickyzhangca opened this issue ยท 1 comments
rickyzhangca commented
๐ Bug Report
With Tailwind CSS IntelliSense extension installed, styles would be seen as conflicting with each other even though they are for separate components.
I am migrating from https://github.com/MathiasGilson/Tailwind-Styled-Component, it does not have this problem if it helps
To Reproduce
Steps to reproduce the behavior:
- follow https://react-twc.vercel.app/docs/getting-started to set up
- write 2 components with some overlapping style rules in one file
Expected behavior
They should not be seen as a CSSConclict
gregberge commented
Hello @rickyzhangca, fixed, sorry, please upgrade your autocompletions with that:
[
"twc\\.[^`]+`([^`]*)`",
"twc\\(.*?\\).*?`([^`]*)",
["twc\\.[^`]+\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"],
["twc\\(.*?\\).*?\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
]