color-named

可能な場合は名前付きの色を必須にするか、禁止します。

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

このルールは、$sass および @less の変数構文を無視します。

オプション

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

可能な場合は、色を常に名前付きにする必要があります。

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); }

色を決して名前付きにしてはなりません。

次のパターンは問題と見なされます

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';
}