块中 stylelint 的默认属性顺序是什么？

Question

我知道答案应该很容易找到，但是我在 stylelint's official website was the stylelint-order plugin 中找到的唯一参考 "order"，这看起来很有趣，但对我的需要来说有点过分了（不是计划暂时安装和配置它）。

Stylelint 建议（通过发送警告）块内属性的特定顺序，即此块：

.my-class {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow-x: hidden;
  background: #dadada;
}

将在所有内部行中发送带有 property-sort-order 的警告。那么要求的顺序是什么？

Answer 1

它只是字母 (A-Z)。因此，为了避免 stylelint 警告，该块中的属性应按如下方式排序：

.my-class {
  background: #dadada;
  height: 100%;
  overflow-x: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

但是对于 SASS interpolation，可以像这样忽略此命令执行：

$bg: background;

.my-class {
  height: 100%;
  overflow-x: hidden;
  position: absolute;
  right: 0;
  top: 0;
  #{bg}: #dadada;
}

What is stylelint's default properties order within a block?