My FeedDiscussionsHeadless CMS
New
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more
Linus Benkner

1 like

·

9.9K reads

4 comments

Graeme Fulton
Graeme Fulton
Dec 30, 2022

Hey thanks for this. I just tried it, but the group-scope classes don't do anything for me. Same issue as the tailwind play example - looking into it!

·
·3 replies
Graeme Fulton
Graeme Fulton
Dec 30, 2022

yay got it working by following the instructions in the npm page

this part, adding jit and the group names:

mode: "jit",
    // ...
    plugins: [
        require("tailwindcss-scoped-groups")({
            groups: ["one", "two"],
        }),
    ],

thanks for the great plugin!

2
·
Linus Benkner
Linus Benkner
Author
·Dec 30, 2022

Hi, thanks for your comment! This article is now outdated as nested groups have become a core feature of Tailwind CSS. Make sure you have Tailwind CSS version 3.2 installed and you can use it: tailwindcss.com/docs/hover-focus-and-other-.. You can find an updated version of the playground example here: play.tailwindcss.com/IqzVJD0rLe

2
·
Graeme Fulton
Graeme Fulton
Dec 30, 2022

ooh thanks a lot! Didn't know it existed, your post was one of the first I found when searching Linus Benkner

1
·