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);
| |
Invalid custom selector | Reports a syntax error in PostCSS Custom Selector. Example:
@custom-selector :--heading h1, h2, h3;
| |
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) {}
| |
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 {}
}
| |
Unresolved CSS module value | Reports an unresolved reference to a CSS Module Value ( Example:
@value foo from unknown;
|