Skip to content

enforce-canonical-classes recommends less optimal way of writing a shortand #320

@mcmxcdev

Description

@mcmxcdev

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.

Image

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

See description

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions