我正在使用 Material Design Lite 库,它通过 bower 包含在我的项目中,因此我可以构建一个只包含我需要的模块的自定义版本。
然而,当谈到颜色时,发生了一些我无法解决的奇怪事情。
在编译的 css 中,颜色被定义为..
.mdl-button--accent.mdl-button--accent {
color: rgb(#f2545b);
}
即在形式rgb(#fff)
。这使它们无法在浏览器中工作。
这些是在 scss 中使用变量和unquote
scss 函数定义的
$button-fab-color-alt: unquote("rgb(#{$color-accent})") !default;
但是,当我检查 MDL 附带的已编译 css 时,情况并非如此。颜色被定义为color: rgb(255,255,255)
.
看起来 MDL 构建中的某些内容将颜色十六进制更改为 rgb 值......但无法确定在哪里或如何。
任何想法表示赞赏。