物化:为颜色palett添加颜色?

时间:2017-04-27 12:30:20

标签: css colors sass materialize

我正在开发一个框架实现的项目,并想知道是否可以为颜色托盘添加颜色。我试图通过使用此目标来确定实体化变量样式表来实现自定义颜色。

$primary-color: color("materialize-red", "lighten-2") !default;
$primary-color-light: lighten($primary-color, 15%) !default;
$primary-color-dark: darken($primary-color, 15%) !default;
$secondary-color: color("teal", "lighten-1") !default;
$success-color: color("green", "base") !default;
$error-color: color("red", "base") !default;
$link-color: color("light-blue", "darken-1") !default;

我知道如何更改颜色并使用物化托盘上的颜色,但如果我需要使用客户端的特殊颜色,该怎么办?正如我发现标记非常敏感,您不能简单地在其中添加颜色。

我在下面尝试过这种方法但不起作用(我在_variables.scss文件的第59行引发了错误。与“lighten”有关 https://github.com/ernestomancebo/materialize-custom-colors/blob/eb6d25f1712078d1348968fa7851e714668ef6c5/README.md

任何类型的帮助都会非常感谢

1 个答案:

答案 0 :(得分:1)

有点晚了,但你之前有导入物化颜色变量:

@import "materialize/components/color-variables";
$primary-color: color("materialize-red", "lighten-2") !default;

最佳, 阿尔瓦罗。