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