Wie spezifiziert man ein Format oder Muster für SCSS-Variablennamen mit stylelint?

Question

Ich benutze postcss-scss mit stylelint für meine .scss-Dateien und versuche herauszufinden, wie man eine Regel erzwingt, so dass alle meine Variablen in meinem Projekt der gleichen Namenskonvention folgen.

Gibt es eine Möglichkeit, ein Format oder Muster (d. H. Eine Regex) für Variablennamen anzugeben? Ich kenne https://github.com/davidtheclark/stylelint-selector-bem-pattern für Selektoren, aber ich konnte nichts über Variablennamen finden.

Ich denke etwas in Richtung https://github.com/sasstools/sass-lint/pull/257, aber das wäre mit Stillint Regeln kompatibel.

Zum Beispiel kann ich meine Variablennamen wollen immer Camelcase werden, wobei in diesem Fall:

// this wouldn't be correct 
$my-variable: #000; 

// but this would be correct 
$myVariable: #000; 

Answer 1

Derzeit gibt es keine Regel, die dies tut. Das liegt daran, dass stylelint selbst keine Präprozessor-spezifischen Regeln enthält.

Aus diesem Grund unterstützt stylinint Plugins. Sie können ein Plugin schreiben, das ein Muster für Ihre SCSS-Variablen erzwingt und es in Ihre Stylelint-Konfiguration einfügt.

Wenn Sie andere Leute anpingen möchten, die SCSS-spezifische Stylelint-Plugins schreiben möchten, werfen Sie einen Blick auf das Repo https://github.com/kristerkari/stylelint-scss, dessen ultimatives Ziel es ist, eine Sammlung genau dieser zu erstellen.