当颜色名称有两个单词时，如何使用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。