New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Incorrect CSS produced when using custom variants with multiple &'s #786
Comments
For some reason |
Tailwindcss versions prior to [email protected] produced the output you were after. |
Should I chase this down with them? 3.2.6 seems to also produce the correct output on the play.tailwindcss.com website which is why Im a bit confused. |
I am attempting to add a custom variant to our twin config. In the 2.x branch we were actually patching twin to add support for this, but now that 3.x supports plugins we are hoping to move to the officially supported happy path. The variant we are adding is the following:
I've also tried expressing it thusly:
This produces invalid results for the second
&
in the first selector. You can see in the tailwind playground the correct selectors are produced: https://play.tailwindcss.com/zqDJvNIcDK?file=configHowever when twin attempts to produce the selectors, you get something like
grid-cols-2
is the tailwind class I was applying, but it has been improperly substituted formy-class-name
.The text was updated successfully, but these errors were encountered: