Как проверить отступ в файле SASS с помощью stylelint?

Question

Как проверить отступ в файле SASS с помощью stylelint?

Я пытаюсь использовать stylelint для проверки файлов SASS. Когда я устанавливаю правило

"indentation": "tab"

stylelint бросает следующий erros

 2:1   ✖  Expected indentation of 1 tab   indentation
 3:1   ✖  Expected indentation of 1 tab   indentation
 5:1   ✖  Expected indentation of 1 tab   indentation
 8:3   ✖  Expected indentation of 1 tab   indentation
11:3   ✖  Expected indentation of 1 tab   indentation
14:3   ✖  Expected indentation of 1 tab   indentation
....

как правильно проверить отступ?

UPD: вершина стилей:

@import "theme/bootstrap"
@import "theme/bootstrap-theme"
@import "theme/theme"

@keyframes hide-notifi

    0%
        top: 0

    75%
        top: 0

    100%
        top: -100%

1

css sass coding-style stylesheet stylelint

Источник

user2618096 03 сен '16 в 12:50

1 ответ

Решение

Другие вопросы по тегам css sass coding-style stylesheet stylelint

user6368363 04 сен '16 в 18:59 2016-09-04 18:59 · Accepted Answer · 2016-09-04 18:59

stylelint в настоящее время не совместим с синтаксисом SASS на основе пробелов.

Чтобы процитировать сайт http://stylelint.io/:

Понимает CSS-подобные синтаксисы: линтер работает на PostCSS, поэтому он понимает любой синтаксис, который может анализировать PostCSS, включая SCSS, SugarSS и экспериментальную поддержку Less.

Вы могли бы принять SugarSS, который является синтаксисом на основе пробелов. В сочетании с плагином PreCSS PostCSS у вас будет что-то сравнимое с SASS на основе пробелов.

Другой вариант - добавить SASS-анализатор в сообщество PostCSS.

Кроме того, вы можете использовать SASS-lint, который поддерживает синтаксис SASS, но имеет другой набор функций для stylelint.