search

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

[BUG] className shadow-md and shadow-[#custom-color] are conflicting #298

Closed rlawlsyoung closed 8 months ago

rlawlsyoung commented 9 months ago

Describe the bug shadow-md, shadow-[#customcolor] are conflicting. But, shadow-md shadow-cyan-500 are not conflicting. I'm not familiar with tailwind so I'm not sure, but I suspect it's a bug

To Reproduce Steps to reproduce the behavior:

  1. Add the className shadow-md shadow-[#customcolor] to a single HTML tag. (shadow size can be any size)
  2. Run eslint ./src --fix command
  3. Error: Classnames shadow-md, shadow-[#customcolor] are conflicting!
  4. But, shadow-md shadow-cyan-500 are not conflicting.

Screenshots 스크린샷 2023-12-21 오후 6 17 54

Environment (please complete the following information):

francoismassart commented 8 months ago

@rlawlsyoung Please try this beta version:

npm i eslint-plugin-tailwindcss@3.14.2-beta.1 -D

and give me feedbacks.

francoismassart commented 8 months ago

Fixed in the latest release eslint-plugin-tailwindcss@3.14.2