stylelint打破了字体命名空间?

时间:2018-05-21 19:45:10

标签: sass stylelint

我有一个名为foo.scss的文件,内容为:

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

在命令行上使用stylelint 8.4.0进行Linting会产生以下输出:

foo.scss 2:5 ✖ Cannot parse selector parseError

但是,我希望这个sass语法能够正常工作,因为它在https://sass-lang.com/documentation/file.SASS_REFERENCE.html#nested_properties

的sass文档中有所描述

2 个答案:

答案 0 :(得分:1)

:之后您遗漏了font因此将font视为选择器,将familyweight视为属性。您需要在:之后添加font以获得所需的结果:

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

似乎stylelint无法处理某些特殊的scss语法。我认为最好的选择是将css输出(通过postcss)而不是scss本身lint。

请参阅Parsing non-standard syntax以正确提交scsssass个文件。

答案 1 :(得分:0)

升级到stylelint 9.4(从8.4)解决了我的问题。