Description
className="text-lg leading-12" is recommended to be simplified to className="text-lg/[2.4000000000000004rem]" which is not ideal. There seems to be some sort of rounding issue too with it.
Flavor
TSX
Code Input
className="text-lg leading-12"
Expected Behavior
Suggest simplification to className="text-lg/12" or at least `className="text-lg/[2.4rem]"`
Actual Behavior
Reproduction URL
No response
ESLint Log
ESLint Config
import eslintPluginBetterTailwindcss from "eslint-plugin-better-tailwindcss";
...
{
plugins: {
"better-tailwindcss": eslintPluginBetterTailwindcss,
},
settings: {
"better-tailwindcss": {
entryPoint: resolve(__dirname, "../config-tailwindcss/base.css"),
},
},
},
{
rules: {
"better-tailwindcss/enforce-canonical-classes": "error",
},
},
Versions
- ESLint: 9.39.2
- Parser: tseslint.parser
- Plugin: ?
- Node: v24.13.0
Description
className="text-lg leading-12"is recommended to be simplified toclassName="text-lg/[2.4000000000000004rem]"which is not ideal. There seems to be some sort of rounding issue too with it.Flavor
TSX
Code Input
Expected Behavior
Actual Behavior
Reproduction URL
No response
ESLint Log
.ESLint Config
Versions