Как указать формат или шаблон для имен переменных SCSS с помощью stylelint?

Question

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

Есть ли способ указать формат или шаблон (т. Е. Регулярное выражение) для имен переменных? Мне известно о https://github.com/davidtheclark/stylelint-selector-bem-pattern для селекторов, но я ничего не мог найти о именах переменных.

Я думаю что-то по строкам https://github.com/sasstools/sass-lint/pull/257, но это будет совместимо с правилами стиля.

Например, я могу хочу, чтобы мои имена переменных всегда быть верблюжьим, в этом случае:

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

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

Answer 1

В настоящее время не существует правила, что делает это. Это связано с тем, что сам стиль сам не содержит правил, специфичных для препроцессора.

Именно поэтому стильlint поддерживает плагины. Вы можете написать плагин, который будет применять шаблон для ваших SCSS-переменных и включить его в вашу конфигурацию stylelint.

Если вы хотите найти других людей, которые заинтересованы в написании SCSS-специфических плагинов стиля, ознакомьтесь с репо https://github.com/kristerkari/stylelint-scss, конечной целью которого является создание коллекции именно этого.