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