color-named

要求（在可能的情况下）或禁止使用命名颜色。

a { color: black }
/**        ↑
 * This named color */

此规则忽略 $sass 和 @less 变量语法。

选项

string: "always-where-possible"|"never"

颜色必须始终，在可能的情况下，使用命名颜色。

如果十六进制（3 位、4 位、6 位和 8 位）、rgb()、rgba()、hsl()、hsla()、hwb() 或 gray() 颜色可以用命名颜色表示，则会报错。

以下模式被视为问题

a { color: #000; }

a { color: #f000; }

a { color: #ff000000; }

a { color: rgb(0, 0, 0); }

a { color: rgb(0%, 0%, 0%); }

a { color: rgba(0, 0, 0, 0); }

a { color: hsl(0, 0%, 0%); }

a { color: hwb(0, 0%, 100%); }

a { color: gray(0); }

以下模式不被视为问题

a { color: black; }

a { color: rgb(10, 0, 0); }

a { color: rgb(0, 0, 0, 0.5); }

颜色绝不能使用命名颜色。

以下模式被视为问题

a { color: black; }

a { color: white; }

以下模式不被视为问题

a { color: #000; }

a { color: rgb(0, 0, 0); }

a { color: var(--white); }

忽略函数内部的颜色。

例如，使用 "never"。

以下模式不被视为问题

a {
  color: map-get($color, blue);
}

a {
  background-image: url(red);
}

例如，使用 "never"。

给定

["/^my-/", "composes"]

以下模式不被视为问题

a {
  my-property: red;
}

a {
  my-other-property: red;
}

a {
  composes: red from './index.css';
}