Code Inspections in CSS
warning
Starting from ReSharper 2022.2, active development of productivity features for JavaScript, TypeScript, JSON, CSS, and Protobuf is suspended, and these features are disabled by default. To enable them, select the corresponding checkboxes on the Environment | Products & Features page of ReSharper options Alt+R, O: JavaScript and TypeScript, CSS Language, and Protobuf.
In CSS, ReSharper 2024.3 provides 22 proprietary code inspections, any of which you can disable or change its severity level.
These code inspections help you detect code issues in design time in all open files, and additionally they allow you to find code issues in specific scope.
Configurable CSS inspections are listed below, grouped by their categories.
This category groups inspections that hunt for medium severity issues that mainly affect code readability.
Inspection | |
|---|---|
Two colons preferred
|
This category includes inspections that detect critical issues (code smells), mostly with Error or Warning level. This category also includes inspections that ensure localization assistance.
Inspection | |
|---|---|
Cannot resolve file system path
| |
CSS feature is not supported by specific browsers
| |
CSS feature requires vendor prefix for specific browsers
| |
CSS symbol / syntax is not compatible with specific browsers
| |
CSS symbol is obsolete
| |
Invalid hexadecimal value of color
| |
Invalid value
| |
Property does not override vendor-prefixed property
| |
Requires fallback color
| |
Syntax is not allowed in specified CSS version
| |
Two colons expected
| |
Unknown CSS class
| |
Unknown CSS symbol
| |
Unknown custom property
| |
Unknown vendor-specific extension
| |
Value is unexpected
| |
Value should have units
|
Code inspections in this category look for redundancies and dead code, which affect code readability and style, and could be safely removed. Some code redundancies cannot be fixed automatically, and quick-fixes for them are performed in the interactive mode, requiring the user input. But the majority of the redundancies can be fixed without user interaction, using either fix in scope or code cleanup.
Inspection | |
|---|---|
Redundant code
| |
Redundant CSS hack
| |
Redundant measure unit
|
This category includes code inspections, mostly with the warning severity level, which detect empty and unused symbol declarations.
Inspection | |
|---|---|
Declaration is empty
|