How to nest groups in TailwindCSS

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!

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

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