1

我正在使用 Material Design Lite 库,它通过 bower 包含在我的项目中,因此我可以构建一个只包含我需要的模块的自定义版本。

然而,当谈到颜色时,发生了一些我无法解决的奇怪事情。

在编译的 css 中,颜色被定义为..

.mdl-button--accent.mdl-button--accent {
  color: rgb(#f2545b);
}

即在形式rgb(#fff)。这使它们无法在浏览器中工作。

这些是在 scss 中使用变量和unquotescss 函数定义的

$button-fab-color-alt: unquote("rgb(#{$color-accent})") !default;

但是,当我检查 MDL 附带的已编译 css 时,情况并非如此。颜色被定义为color: rgb(255,255,255).

看起来 MDL 构建中的某些内容将颜色十六进制更改为 rgb 值......但无法确定在哪里或如何。

任何想法表示赞赏。

4

0 回答 0