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

【问题标题】：How do you use the MDL color classes when the color name has two words?当颜色名称有两个单词时，如何使用 MDL 颜色类？
【发布时间】：2017-03-31 01:19:37
【问题描述】：

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

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

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

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

当颜色名称有两个字，如Light Blue、Light Green等时，有谁知道怎么做？我尝试了几乎所有我能想到的破折号和下划线组合，但都没有成功。

【问题讨论】：

标签： html css material-design-lite

【解决方案1】：

你用一个破折号将它们分开。例子：

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

【讨论】：

做到了！就将它们包含在您的主题中而言，所有颜色似乎都已包含在内。我的主题是浅绿色和橙色，但所有 CSS 颜色类都可以。
这意味着$trim-color-classes 在您的SCSS 变量中设置为false。当您开始担心 Google Page Speed 优化和得分时，您可能希望将其设置为 true。
我正在使用托管文件，但很高兴知道他们是否会更改它。