francoismassart / eslint-plugin-tailwindcss

ESLint plugin for Tailwind CSS usage
https://www.npmjs.com/package/eslint-plugin-tailwindcss
MIT License
1.47k stars 70 forks source link

[Feature request]: enforce gap instead of space utilities on flex box layout #292

Open nandi95 opened 10 months ago

nandi95 commented 10 months ago

Is your feature request related to a problem? Please describe. Some people may use space-x-2 on their flex boxes. When this flexbox wraps, the item on the next line will have an indentation due to the margin on its left.

Describe the solution you'd like A rule that enforces (better yet auto fixes) that gap-x-2 should be used

Describe alternatives you've considered No alternatives.

Additional context Consideration: The display may change depending on screen sizes. Meaning a div may be a flex on sm but block on lg and on lg the space utility should left alone.