TailwindCSS scoped groups

UPDATE

Since Tailwind CSS 3.2, custom groups are available in the Tailwind CSS core:
How to use nested groups in Tailwind CSS

This plugin allows you to create custom groups so you can nest them.

Custom names

Just create the names in your config file:

// tailwind.config.js
module.exports = {
    mode: "jit",
    // ...
    plugins: [
        require("tailwindcss-scoped-groups")({
            groups: ["one", "two"],
        }),
    ],
}

With this config, you can use group-one and group-two just like you'd use the normal group.

Compatibility

This plugin is compatible with TailwindCSS version 3 and the JIT compiler.

If you want to use this plugin with TailwindCSS 2, take a look at older versions (1.2.0).