Правило Stylelint для применения селектора и атрибута в одной строке

Question

Существует ли правило стиля , которое может принудительно использовать селектор и атрибут в одной строке, если имеется только один атрибут.

Например, это может привести к ошибке:

.foo{
  color: #111;
}

Поскольку мы хотим, чтобы это выглядело следующим образом:

.foo{ color: #111; }

Обратите внимание: если имеется несколько атрибутов, они должны быть в своих собственных строках, например:

.foo{
  color: #111;
  padding: 10px;
}

Answer 1

Существует ли правило стиля, которое может принудительно использовать селектор и атрибут в одной строке, если имеется только один атрибут.

Пока нет.

declaration-block-single-line-max-declarations Правило приведет вас на полпути. Например:

{
  "rules": {
    "declaration-block-single-line-max-declarations": 1
  }
}

Запретить:

.foo{ color: #111; display: block; }

Но разрешить:

.foo{ 
  color: #111;
}

То, что вам нужно, это "объявление-блок-многострочный- Мин-декларации "правило. Вы можете создать его как плагин stylelint . Тем не менее, я считаю, что такое правило должно быть встроено в stylelint. Вы можете открыть проблему и запросить добавить правило в stylelint.

После этого вы сможете применить свой стиль кода с помощью:

{
  "rules": {
    "declaration-block-single-line-max-declarations": 1,
    "declaration-block-multi-line-min-declarations": 2
  }
}