css - 将 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或stylelintheight 自动将值与类的其他属性对齐（--fix 选项）？

德米特里

Answer 1

是否可以通过 eslint 或 stylelint 自动将高度值与类的其他属性对齐（--fix 选项）？

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

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

但是，stylelint 可以通过其插件系统进行扩展。您可以为此特定用例创建插件。

根据stylelint 问题跟踪器中的讨论，您可以调用您的插件stylelint-declaration-block-no-misaligned-values。它将确保声明块中的所有值都从相同的列号开始。