TA-Foodtrucks - Tailwind CSS plugin

You can find TA-Foodtrucks as an installable package on NPM: TA-Foodtrucks .

From npm: Install the package.

# Install using npm

npm install --save-dev @markusantonwolf/ta-foodtrucks

# Install using yarn

yarn add -D @markusantonwolf/ta-foodtrucks

Inside tailwind.config.js

Add the plugin to your Tailwind CSS config file.

// tailwind.config.js
module.exports = {
    // ...
   variants: {
        // ...
        taFoodtrucks: ['responsive'], // default value
        extend: {
            // ...
        },
    },
    // ...
    plugins: [
        require('@markusantonwolf/ta-foodtrucks')
    ]
    // ...
}

Variants

You can control which variants are generated as utilities by modifying the following property in the variants section of your tailwind.config.js file.

taFoodtrucks: Array - Feel free to add more Tailwind CSS variants to the array. By default the plugin generates all responsive variants. If you want to learn more about all Tailwind CSS variants you should check out the official Tailwind CSS documentation: Configuring Variants .