declaration-property-unit-allowed-list

在声明中指定允许的属性和单位对列表。

a { width: 100px; }
/** ↑         ↑
 * These properties and these units */

该message辅助选项可以接受此规则的参数。

选项

object: { "unprefixed-property-name": ["array", "of", "units"]|"unit" }

如果属性名称用"/"包围（例如"/^animation/"），则将其解释为正则表达式。例如，这允许轻松地定位简写：/^animation/将匹配animation、animation-duration、animation-timing-function等。

给定

{
  "font-size": ["em", "px"],
  "/^animation/": "s",
  "line-height": []
}

以下模式被视为问题

a { font-size: 1.2rem; }

a { animation: animation-name 500ms ease; }

a { -webkit-animation: animation-name 500ms ease; }

a { animation-duration: 500ms; }

a { line-height: 13px; }

以下模式不被视为问题

a { font-size: 1em; }

a { height: 100px; }

a { animation: animation-name 5s ease; }

a { -webkit-animation: animation-name 5s ease; }

a { animation-duration: 5s; }

a { line-height: 1; }

忽略函数内部的单位。

例如，给定

[
  {
    "/^border/": ["px"],
    "/^background/": ["%"]
  },
  {
    "ignore": ["inside-function"]
  }
]

以下模式不被视为问题

a {
  border: 1px solid hsla(162deg, 51%, 35%, 0.8);
}

a {
  background-image: linear-gradient(hsla(162deg, 51%, 35%, 0.8), hsla(62deg, 51%, 35%, 0.8));
}