Discussion on "How to nest groups in TailwindCSS" | Hashnode

Discussion

Linus Benkner

Young developer based in Germany

Nov 20, 2021

How to nest groups in TailwindCSS

Update: This article is now outdated as nested groups have become a core feature of Tailwind CSS 3.2.👉 Official docs: https://tailwindcss.com/docs/hover-focus-and-other-states#differentiating-nested-groups👉 Playground example: https://play.tailwin...

linu.us3 min read

#tailwind-css #tailwind-css-tutorial #tutorial #plugin

Responses(1)

Graeme Fulton

Buidling Prototypr.io and Letter.so

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!

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!

Search Hashnode

How to nest groups in TailwindCSS

Responses(1)

Recent in Forum