Как настроить Stylelint для scss

Не могу подобрать свойства для stylelint что бы были отступы в подобном формате:

.s{

  .f{
      width:2px;
   }

  .d{
     width:2px;
    }

}

При использовании свойства: "block-closing-brace-empty-line-before": "always-multi-line"

Строится подобная структура:

.s{

  .f{
      width:2px;

   }

  .d{
     width:2px;

    }

}

Добавляются отступы после свойства


Ответы (1 шт):

Автор решения: yar85

Правило конфига block-closing-brace-empty-line-before может принимать следующие значения:

  • null - отключить проверку правила (и исправления по нему, если доступны)
  • "always-multi-line" - требовать пустую строку перед } только в многострочных блоках
  • "never" - требовать отсутствие пустой строки перед } во всех случаях

Дополнительно есть опция except, принимающая массив исключений.
В данный момент, поддерживается только одно исключение "after-closing-brace" - оно инвертирует правило в случае двух } подряд. То есть:

  • при ["always-multi-line", { "except": ["after-closing-brace"] }] ожидается

    .foo {
      .bar {
        margin: 0;
    
      }
    }
    
  • при ["never", { "except": ["after-closing-brace"] }] ожидается

    .foo {
      .bar {
        margin: 0;
      }
    
    }
    
→ Ссылка