Tailwind Grid

A simple Tailwind CSS plugin that adds grid & dot background patterns

Installation

``bash
npm install @bebeal/tailwind-grid --save-dev
`

Usage

$3

Add the plugin to your Tailwind configuration:

`ts
// tailwind.config.ts
import type { Config } from 'tailwindcss'
import GridPlugin from '@bebeal/tailwind-grid'

export default {
theme: {
// ...
},
plugins: [
GridPlugin,
],
} satisfies Config
`

$3


Use the @plugin directive in your css file:

`css
@plugin '@bebeal/tailwind-grid';
`

$3

- bg-grid-{color}
- bg-grid-md-{color}
- bg-grid-sm-{color}
- bg-dot-{color}
- bg-dot-md-{color}
- bg-dot-sm-{color}

You can style them like any other background (e.g. with color, opacity, etc.)

$3

`tsx