Skip to content

important-modifier-suffix.md

Latest commit

 

History

History
41 lines (24 loc) · 1.19 KB

important-modifier-suffix.md

File metadata and controls

41 lines (24 loc) · 1.19 KB
Raw

In v4 you should place the ! at the very end of the class name

⚠️ This rule warns in the ✅ recommended config.

🔧 This rule is automatically fixable by the --fix CLI option.

As explained in the official documentation about the important modifier:

In v3 you could mark a utility as important by placing an ! at the beginning of the utility name (but after any variants).

In v4 you should place the ! at the very end of the class name instead.

The old way is still supported for compatibility but is deprecated.

Rule Details

Examples of incorrect code for this rule:

<h1 class="!block">Demo</h1>

Examples of correct code for this rule:

<h1 class="block!">Demo</h1>

Why using ! at the end?

  • 🤓 Move away from deprecated old way

Options

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