要求(如果可能)或禁止命名颜色。
a { color: black }
/** ↑
* 这个命名颜色 */
string
: "always-where-possible"|"never"
"always-where-possible"
在可能的情况下,必须使用命名颜色。
如果是 16 进制(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); }
"never"
不能使用命名颜色。
以下模式被视为违规:
a { color: black; }
a { color: white; }
以下模式不被视为违规:
a { color: #000; }
a { color: rgb(0, 0, 0); }
a { color: var(--white); }
a { color: $blue; }
a { color: @blue; }
ignore: ["inside-function"]
忽略函数内的颜色。
例如,使用 "never"
。
以下模式不被视为违规:
a {
color: map-get($colour, blue);
}
a {
background-image: url(red);
}
ignoreProperties: ["/regex/", /regex/, "string"]
例如,使用 "never"
。
给定:
["/^my-/", "composes"]
以下模式不被视为违规:
a {
my-property: red;
}
a {
my-other-property: red;
}
a {
composes: red from './index.css';
}