Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

@dark doesn't work with variant groups

See original GitHub issue

Example:

.auto {
    @apply @dark:(text-white bg-dark-900);
}

I think this is a bug as it works with other things such as hover:, and it worked in windicss too.

Version: 0.45.18

Issue Analytics

State:
Created a year ago
Comments:13 (5 by maintainers)

Top GitHub Comments

1reaction

FireMasterKcommented, Sep 11, 2022

Well, I don’t need it since this is enough for me, only though about it to keep things consistent. Closing, thanks 👍

1reaction

cpreston321commented, Sep 10, 2022

In my project example the dark class gets added to my body. Then the css will be generated like so

.dark .text-white {
  text-color: "#FFF";
 }

but you are correct it does not use the media query.

Top Results From Across the Web

Configuring Variants - Tailwind CSS

For more information about how variants work, read our documentation on responsive variants, dark mode variants, and hover, focus and other state variants....

Create and use variants - Figma Help Center

Note: We don't recommend using variants to group different icons. ... To fix this issue, you'll need to rename the properties and values...

apply with peer variants does not work when the selector ...

I think "when the group containing .outer .inner .my-class is hovered then change the color to black" and that checks with the generated...

Adam Wathan on Twitter: "Everyone keeps asking for variant ...

So the takeaway here is that although the grouped syntax *looks* like less code when you're authoring it, it actually creates both a...

How to fix: Matching variant but differing value: brand [brand]

Submit a value that matches the other variants in this groupTwo or more of your products use the same item group ID [item_group_id],...