将 css 属性的值与 eslint 或 stylelint 对齐

Question

.backend-layout {
  background-image:       linear-gradient(to bottom, white, #ccc);
  display:                grid;
  grid-template-columns:  auto;
  grid-template-rows:     0 40px minmax(40vh, 100vh) 40px;
  height: 100vh;
}

是否可以通过 eslint 或 [=17= 自动（--fix 选项）将 height 值与 class 的其他属性对齐]stylelint?

德米特里

Answer 1

is it possible to align height value with other attributes of the class automatically (--fix option) via eslint or stylelint?

stylelint 中没有执行此操作的内置规则。

我不相信 ESLint 可以做到这一点，因为它用于 lint JavaScript，而不是 CSS。

但是，stylelint 可以通过 its plugin system 进行扩展。您可以为此特定用例创建一个插件。

根据 this discussion in the stylelint issue tracker，您可以调用您的插件 stylelint-declaration-block-no-misaligned-values。它将确保声明块中的所有值都以相同的列号开始。

将 css 属性的值与 eslint 或 stylelint 对齐

Align values of css attributes with eslint or stylelint

css

eslint

stylelint