eslint-plugin-tailwindcss icon indicating copy to clipboard operation
eslint-plugin-tailwindcss copied to clipboard
verified publisher icon francoismassart

[BUG] The `tailwindcss/no-custom-classname` rule does not respect the new line-height modifier from Tailwind 3.3

Open Serator opened this issue 3 years ago • 4 comments

Describe the bug The tailwindcss/no-custom-classname rule does not respect the new line-height modifier from Tailwind 3.3.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://play.tailwindcss.com/QJfwQ8NCak.
  2. Copy the markup into your project with eslint-plugin-tailwindcss preinstalled.

Expected behavior There should be no ESLint errors in the classes.

Screenshots image

Environment (please complete the following information):

  • OS: windows 10
  • Softwares + version used:
    • VSCode: 1.77.3
    • Node.js: 16.14.2
    • eslint-plugin-tailwindcss: 3.11.0

Serator avatar Apr 20 '23 11:04 Serator

Also to add, same issue but it doesn't respect thebg-opacity old opacity modifier from the migration-from-tailwind-2 rule

CleanShot 2023-04-21 at 17 21 12

Jemaz avatar Apr 21 '23 14:04 Jemaz

Also to add, same issue regarding the extended fontFamily and colours. It does not recognised them anymore (they are properly listed in our config).

Note: tailwind config is now supported in TypeScript so we edit it to the TS version.

image

Frankaus avatar Apr 26 '23 08:04 Frankaus

Also to add, same issue regarding the extended fontFamily and colours. It does not recognised them anymore (they are properly listed in our config).

Note: tailwind config is now supported in TypeScript so we edit it to the TS version.

image

upgrade to v3.12.0, then the plugin will get tailwind.config.ts.

nnecec avatar May 29 '23 05:05 nnecec

I have 3.13.0 installed, but it doesn't seem the plugin is getting tailwind.config.ts anyone with same issue ?

ImEins avatar Aug 06 '23 23:08 ImEins