SCSS Lint:仅强制将类名用作选择器

时间:2016-08-11 11:40:19

标签: sass bem scss-lint

我有一个.scss-lint.yml文件,其中包含我要在项目中使用的所有规则。

我们在SCSS中强制执行的一件事是,根据BEM文档,只有目标类。

因为我的.scss-lint.yml没有涵盖这一点,所以它目前是一种非正式的规则。

scss-lint page并不是很明显。是否有一些我可以应用于我的YML的规则,如果除了类名之外的任何东西都被用作选择器,它将显示错误?

1 个答案:

答案 0 :(得分:0)

idSelector linter https://github.com/brigade/scss-lint/blob/master/lib/scss_lint/linter/README.md#idselector强制在样式表中使用类vs Ids。

但是如果您使用BEM,我建议启用SelectorFormat并传递BEM约定 - https://github.com/brigade/scss-lint/blob/master/lib/scss_lint/linter/README.md#selectorformat

所以你的.scss-int.yml会包含

SelectorFormat: enabled: true convention: BEM

并且最重要的是可以使用

NameFormat: enabled: true convention: BEM

每个短绒都记录在这里https://github.com/brigade/scss-lint/blob/master/lib/scss_lint/linter/README.md#linters

希望它有所帮助。