no-base-design-tokens

此规则检查 CSS 声明是否直接使用了 基础颜色标记变量。开发人员应改为引用更高级别的语义标记,以确保颜色使用的一致性和可维护性。

此规则的错误代码示例:

a {
  color: var(--color-blue-60);
}
.custom-button {
  background-color: var(--color-gray-90);
}

此规则的正确代码示例:

a {
  color: var(--text-color-link);
}
:root {
  --custom-button-background-color: var(--color-gray-90);
}

.custom-button {
  background-color: var(--custom-button-background-color);
}