@ryangjchandler/tailwind-flexbox-grid v0.1.0

This plugin provides a Bootstrap-esque Flexbox grid for Tailwind CSS.

Installation

Simply run one of the following commands:

npm install @ryangjchandler/tailwind-flexbox-grid --save-dev

yarn add @ryangjchandler/tailwind-flexbox-grid -D

Usage

Simply require the plugin inside of your Tailwind configuration:

module.exports = {
    // configuration,
    plugins: [
        require('tailwind-flexbox-grid')({
            columns: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], // Default 12 column grid
            gutter: 30, // 30px gutter between columns
            variants: ['responsive'], // Generates responsive variations
        }),
    ],
}