Stylelint, есть пустая строка перед вложенными правилами и нет пустой строки перед вложенными правилами?

Question

Есть ли способ сделать это сейчас?

Я вижу, что по какой-то причине правило "nested-empty-line-before" было удалено, поэтому эта конфигурация больше невозможна?

Я хочу, чтобы это выбрасывало ошибки...

@media (max-width: 300px) {

    .foo {
        display: block;
    }
}
@media (max-width: 600px) {
    .bar {
        display: block;
    }
}

Перед @media должен быть пробел, поскольку он не является вложенным, а перед.foo не должно быть пробела, поскольку он является вложенным.

Answer 1

rule-nested-empty-line-before а также rule-non-nested-empty-line-before правила были объединены, чтобы сформировать новый rule-empty-line-before правило в версии 8.0.0, Вы можете использовать это правило для управления пустыми строками перед .foo {} а также .bar {} правила.

@media является правилом, поэтому вы должны использовать at-rule-empty-line-before Правило для управления пустыми строками перед ним.

Вы можете узнать, как называются правила и как они работают вместе, в этом разделе Руководства пользователя.

Перед @media должен быть пробел, поскольку он не является вложенным, а перед.foo не должно быть пробела, поскольку он является вложенным.

Учитывая вышесказанное, конфигурация для этого должна быть:

{
  "rules": {
    "at-rule-empty-line-before": ["always"],
    "rule-empty-line-before": ["always", {
      except: ["first-nested"]
    }]
  }
}

Кроме того, вы можете использовать stylelint-standard-config, который имеет разумные значения по умолчанию для стилистических правил.