Neverending Pile of Messages

    babel-plugin-tailwind-grouping
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.5 • Public • Published

    babel-plugin-tailwind-grouping

    A Babel plugin that expands grouped Tailwind-like utility classes.

    Usage

    In your babel configuration (.babelrc, babel.config.json, etc.) add the plugin:

    {
        "plugins": [
            "babel-plugin-tailwind-grouping"
        ]
    }
    // input:
    <div class="text(blue-500 2xl) hover:(text(red-500 3xl))" />
    
    // output:
    <div class="text-blue-500 text-2xl hover:text-red-500 hover:text-3xl" />

    For more information on how to build grouped classes, see Twind's docs on the subject.

    License

    MIT

    Acknowledgments

    Parser and class name builder modified from twind

    Install

    npm i babel-plugin-tailwind-grouping

    DownloadsWeekly Downloads

    3

    Version

    0.1.5

    License

    MIT

    Unpacked Size

    18.7 kB

    Total Files

    6

    Last publish

    Collaborators

    • rschristian