[BUG] border-opacity-* triggers "not a tailwind css class!" #108

[harryduong91]

Describe the bug
border-opacity-10(0-100) triggers eslint no-custom-classname rules.

To Reproduce
Steps to reproduce the behavior:

1. Go to any div
2. Add className with border-opacity-*
3. See warning

Expected behavior
Should not show warning

Screenshots

Environment (please complete the following information):

• OS: macOS
• Softwares + version used:
  • VSCode 1.63.2
  • Tailwind 3.0.12
  • eslint-plugin-tailwindcss ^3.3.5

[francoismassart]

Hi @harryduong91
This is not a bug, this is on purpose see this comment on similar issue with its possible actions
#108 (comment)

[francoismassart]

Don’t hesitate if you need more infos or if you have questions 😉

[harryduong91]

Got it. Thanks @francoismassart

[francoismassart]

@harryduong91 in fact, I was wrong, there was something to fix in here.

border-opacity-* should not trigger no-custom-classname rule but trigger instead migration-from-tailwind-2.

I just fixed it in [email protected], it was released few minutes ago.

Thank you for bringing the issue.