Почему SCSS жалуется, когда я использую `list.nth`, когда мне говорит` stylelint-scss? ⇐ CSS

[Anonymous]

У меня здесь немного ситуации. CSS с использованием StyleLint и расширение для IT StyleLint-SCSS .

Я позаимствовал некоторый код отсюда: https://medium.com/dev-channel/using-sa ... a7645d2796 и Я пытаюсь использовать его в своих файлах. Вот как у меня есть: < /p>

Код: Выделить всё

@function luminance($color) {
$red: nth(linear-channel-values(), red($color) + 1);
$green: nth(linear-channel-values(), green($color) + 1);
$blue: nth(linear-channel-values(), blue($color) + 1);

@return 0.2126 * $red + 0.7152 * $green + 0.0722 * $blue;
}
< /code>

Итак, тогда StyleLint-Scss < /code> Жалений: < /p>

WARNING in
src/assets/scss/helpers.scss
282:9   ✖  Expected list.nth instead of nth        scss/no-global-function-names
282:38  ✖  Expected color.red instead of red       scss/no-global-function-names
283:11  ✖  Expected list.nth instead of nth        scss/no-global-function-names
283:40  ✖  Expected color.green instead of green   scss/no-global-function-names
284:10  ✖  Expected list.nth instead of nth        scss/no-global-function-names
284:39  ✖  Expected color.blue instead of blue     scss/no-global-function-names

ok, поэтому я изменяю свои nth вызовы функций на list.nth ... и затем я получаю еще одну жалобу:

Код: Выделить всё

@use "sass:color";
@use "sass:list";

@function luminance($color) {
$red: list.nth(linear-channel-values(), color.red($color) + 1);
$green: list.nth(linear-channel-values(), color.green($color) + 1);
$blue: list.nth(linear-channel-values(), color.blue($color) + 1);

@return 0.2126 * $red + 0.7152 * $green + 0.0722 * $blue;
}
< /code>

ERROR in ./src/assets/scss/index.scss (./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/src??ref--6-2!./node_modules/sass-loader/dist/cjs.js!./node_modules/resolve-url-loader!./src/assets/scss/index.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "  $red: list": expected expression (e.g. 1px, bold), was ".nth(linear-channel"
on line 282 of src/assets/scss/helpers.scss
from line 7 of /Users/ogabay/Projects/mercury/app/pennypal/src/assets/scss/index.scss
>>   $red: list.nth(linear-channel-values(), color.red($color) + 1);

------------^

@ ./src/assets/scss/index.scss 2:26-262 43:4-64:5 46:18-254
@ ./src/index.jsx
< /code>

Is the issue here with stylelint-scss

или sass-loader ?

Подробнее здесь: https://stackoverflow.com/questions/617 ... -telling-m