Tailwind CSS plugin that adds a semantic responsive 'gutter' spacing utility.
npm install @evanwinter/tailwind-plugin-gutterA Tailwind CSS plugin that adds a semantic, responsive gutter spacing utility you can use like mx-gutter, py-gutter, -m-gutter, etc.
``bash`
npm install @evanwinter/tailwind-plugin-gutter
`ts
// tailwind.config.ts
import gutterPlugin from "@evanwinter/tailwind-plugin-gutter";
export default {
theme: {
extend: {
spacing: {
gutter: "0.5rem",
"gutter-md": "1rem",
"gutter-xl": "2rem",
},
},
},
plugins: [gutterPlugin],
};
`
Then use in your markup:
`html``