The picture shows essentially what the issue is. Stylelint will highlight errors, such as too much whitespace or duplicated properties, however if a module is not imported, then it will not highlight anything. I can only see it in the terminal, where it fails to compile. .stylelintrc { "extends": ["stylelint-config-standard-scss"], "plugins": ["stylelint-scss"], "rules": { "at-rule-no-unknown": null, "block-no-empty": true, "color-hex-length": "long", "color-no-invalid-hex": true, "comment-no-empty": true, "declaration-block-no-duplicate-properties": [ true, { "ignore": ["consecutive-duplicates-with-different-values"] } ], "declaration-block-no-redundant-longhand-properties": [ true, { "ignoreShorthands": ["/flex/", "/grid/"] } ], "declaration-block-no-shorthand-property-overrides": true, "declaration-block-single-line-max-declarations": 1, "font-family-name-quotes": "always-where-required", "font-family-no-duplicate-names": true, "font-family-no-missing-generic-family-keyword": true, "function-calc-no-unspaced-operator": true, "function-linear-gradient-no-nonstandard-direction": true, "keyframe-declaration-no-important": true, "media-feature-name-no-unknown": true, "media-feature-name-no-vendor-prefix": true, "no-descending-specificity": null, "no-duplicate-at-import-rules": true, "no-duplicate-selectors": true, "no-empty-source": null, "no-invalid-double-slash-comments": true, "no-unknown-animations": true, "property-no-unknown": true, "property-no-vendor-prefix": true, "scss/at-mixin-argumentless-call-parentheses": "always", "scss/at-rule-no-unknown": true, "scss/media-feature-value-dollar-variable": "always", "scss/no-duplicate-dollar-variables": true, "scss/selector-no-redundant-nesting-selector": true, "scss/operator-no-newline-after": true, "scss/operator-no-newline-before": true, "scss/operator-no-unspaced": true, "selector-class-pattern": "^[a-z0-9_-]+$", "selector-id-pattern": "^[a-z0-9_-]+$", "selector-max-compound-selectors": 5, "selector-max-universal": 1, "selector-pseudo-class-no-unknown": true, "selector-pseudo-element-no-unknown": [true, { "ignorePseudoElements": ["ng-deep"] }], "selector-type-case": "lower", "selector-type-no-unknown": [ true, { "ignoreTypes": ["/^ui-view/", "/^ag-/", "/^app-/", "/^ng-select/"] } ], "string-no-newline": true, "unit-no-unknown": [ true, { "ignoreFunctions": "image-set" } ], "value-no-vendor-prefix": true } } Stylelint Package Versions: "stylelint": "16.9.0", "stylelint-config-recommended-scss": "14.1.0", "stylelint-config-standard": "36.0.1", "stylelint-config-standard-scss": "13.1.0", "stylelint-scss": "6.7.0", Continue reading...
