当颜色名称有两个单词时，如何使用 MDL 颜色 类？

Question

在 Material Design Lite 中，您可以将 CSS 类 添加到组件以更改背景颜色或文本颜色：

mdl-color--{color-name}-{shade}
mdl-color-text--{color-name}-{shade}

要将 div 的背景颜色设置为橙色，您可以这样做：

<div class="mdl-color--orange">...</div>

有谁知道当颜色名称有两个词时怎么办，比如浅蓝、浅绿等？我已经尝试了几乎所有我能想到的破折号和下划线的组合，但没有成功。

Answer 1

您用破折号将它们分开。示例：

• mdl-color--light-blue-100
• mdl-color--light-green-A100
• mdl-color-text--deep-orange
• mdl-color-text--blue-grey-700

别忘了您需要 include them in your theme。