разрывы stylelint для пространства имен шрифта?

Question

У меня есть файл с именем foo.scss с содержимым:

.foo {
    font: {
        family: arial;
        weight: 600;
    }
}

Пометка с помощью stylelint 8.4.0 в командной строке приводит к таким выводам:

foo.scss 2:5 ✖ Cannot parse selector parseError

Однако я ожидал, что этот синтаксис sass сработает, поскольку он описан в документации sass по адресу https://sass -lang.com / documents / file.SASS_REFERENCE.html # nested_properties

Answer 1

Обновление до stylelint 9.4 (с 8.4) исправило мою проблему.

Answer 2

Вы пропускаете : после font, поэтому sass рассматривает font как селектор, а family и weight как свойства.Вам нужно добавить : после font для достижения желаемого результата:

.foo {
    font: {
        family: arial;
        weight: 600;
    }
}

Кажется, что stylelint не может обработать какой-то специальный синтаксис scss.Я думаю, что лучший вариант будет заключаться в выводе css (через postcss ) вместо самого scss.

Пожалуйста, обратитесь к Разбор нестандартного синтаксиса для правильного размещения файлов scss или sass.