Display Sass render errors and deprecations as lint errors.
MIT License
Display Sass render errors and deprecations as lint errors.
Implementation details:
@import
statements, they won’t@use
/@forward
statements
npm install stylelint-sass-render-errors --save-dev
Add this config to your .stylelintrc
:
{
"plugins": ["stylelint-sass-render-errors"],
"rules": {
"plugin/sass-render-errors": true
}
}
@use 'sass:color';
@use 'sass:math';
.becky {
color: color.invert(1);
/** ↑
* Passing a number (1) to color.invert() is deprecated. Recommendation: invert(1). */
}
#marley {
width: math.percentage(100 / 2);
/** ↑
* Using / for division is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div(100, 2). More info and automated migrator: https://sass-lang.com/d/slash-div. */
}
Plugin accepts either boolean (true
) or object configuration.
If boolean, it will use default configuration:
sass.render
for rendering Sass files and resolving errors and deprecationsfile
if file is linted or data
if CSS string isIf object configuration, following properties are valid:
Type: boolean
Default: false
Rendering mode for Sass render. Can be either false
for sass.compileAsync
and
sass.compileStringAsync
or true
for sass.compile
and sass.compileString
.
Type: string|sass.Options|sass.StringOptions
If object, it is either
sass.Options
or
sass.StringOptions
.
If string, it is config file location which returns one of the following default exports:
Config file location is resolved relatively from the
closest package.json
location inside current working
directory.
Type: boolean
Default: false
Type: string[]
Default: []
List of disallowed known CSS functions.
Type: string[]
Default: []
List of additional known CSS functions.
MIT © Ivan Nikolić