[Feature request] New rule `enforces-shorthand` for promoting grouping properties

[francoismassart]

Rule name enforces-shorthand

Classnames like:

• ml-4 mr-4 could be automatically rewritten into mx-4
• mx-4 my-4 could be automatically rewritten into m-4

Could be used for:

• Top / Right / Bottom / Left
• Gap
• Padding
• Margin
• Border Radius
• Border Width

[francoismassart]

3.1.0 beta 🎉

If you are using Tailwind CSS 3 and the plugin, you can help out by testing the new rule enforces-shorthand

To do so, install the beta version and provide feedback in the comments of this page
npm i eslint-plugin-tailwindcss@3.1.0-beta.1

@messenjer, are you filling the criteria ?

[francoismassart]

I had an issue with multiple lines attributes when applying the fix
Classnames 'py-8, px-8' could be replaced by the 'p-8' shorthand!eslinttailwindcss/enforces-shorthand

FIXED in eslint-plugin-tailwindcss@3.1.0-beta.1

[francoismassart]

Tested successfully on a real project, I'll publish tomorrow 3.1.0 unless I get negative feedback till then