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 Control+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; |