SCSS Lint: Erzwinge nur Klassennamen, die als Selektor verwendet werden können

Question

Ich habe eine .scss-lint.yml Datei, die alle Regeln enthält, die ich in meinem Projekt verwenden möchte.

Eine Sache, die wir in unserem SCSS erzwingen, ist, dass nur Klassen angesprochen werden, wie in der BEM-Dokumentation beschrieben.

Da dies in meiner .scss-lint.yml nicht abgedeckt ist, steht es derzeit als eine Art inoffizielle Regel.

Es ist nicht sofort aus der scss-lint page ersichtlich. Gibt es eine Regel, die ich auf meine YML anwenden kann und die einen Fehler anzeigt, wenn nur ein Klassenname als Selektor verwendet wird?

Answer 1

Es gibt den IDSelector linter https://github.com/brigade/scss-lint/blob/master/lib/scss_lint/linter/README.md#idselector, der die Verwendung von Klassen vs IDs in Stylesheets erzwingt.

Aber wenn Sie BEM verwenden, würde ich raten, SelectorFormat zu ermöglichen und in der BEM Konvention passieren - https://github.com/brigade/scss-lint/blob/master/lib/scss_lint/linter/README.md#selectorformat

So Ihre .scss-int.yml

SelectorFormat: enabled: true convention: BEM

und obendrein enthalten würde könnte

verwenden

NameFormat: enabled: true convention: BEM

Jeder linter ist documente d hier https://github.com/brigade/scss-lint/blob/master/lib/scss_lint/linter/README.md#linters

Ich hoffe, es hilft.