Forbid using arbitrary values in classnames

🚫 This rule is disabled in the ✅ recommended config.

This rule will shout at you if you use any arbitrary value in your classnames.

Only enable this rule if you want to stricly stick with your Tailwind CSS config's presets.

It will not complain if you are using classnames like border-<number>.

Rule Details

Examples of incorrect code for this rule:

<div class="w-[20rem]">Custom width</div>

Examples of correct code for this rule:

<div class="w-custom-preset">Custom width</div>

with a config such as:

@import "tailwindcss";

@theme {
  --width-custom-preset: 20rem;
}

There are no specific options for this rule, yet it uses the general settings.