JetBrains Rider 2024.1 Help

Code Inspections in PostCSS

This topic lists all JetBrains Rider code inspections available in PostCSS.

You can toggle specific inspections or change their severity level on the Editor | Inspection Settings | Inspection Severity | Other Languages page of the IDE settings  Ctrl+Alt+S.

Inspection

Description

Default Severity

Invalid custom media

Reports a syntax error in a PostCSS Custom Media query.

Example:

@custom-media --small-viewport (max-width: 30em);

Error Error

Invalid custom selector

Reports a syntax error in PostCSS Custom Selector.

Example:

@custom-selector :--heading h1, h2, h3;

Error Error

Invalid media query range

Checks range context syntax, which may alternatively be used for media features with a 'range' type.

Example:

@media screen and (500px <= width <= 1200px) {}

Error Error

Invalid nested rule

Reports a nested style rule whose syntax doesn't comply with the PostCSS Nested or the PostCSS Nesting specification.

Example:

.phone { &_title {} }

Disabled

Unresolved CSS module value

Reports an unresolved reference to a CSS Module Value (@value declaration).

Example:

@value foo from unknown;

Error Error

Last modified: 11 February 2024