gwt gss lighten()和darken()

Question

我尝试在GSS (我是gwt2.8版本和material-design rc4)中使用lighten()和darken()，如下所示：

@def MAIN_COLOR #64b5f6;
@def LIGHTER_COLOR lighter(MAIN_COLOR, 0.5);

.lighter {
color: LIGHTER_COLOR;
}

但结果是

.lighter {
color: lighter(#64b5f6,0.5)
}

我在任何地方都找不到任何使用这些函数的示例。https://github.com/google/closure-stylesheets

我期望这些能像SASS那样工作。

$primary-color: #64b5f6;
$darken: darken($primary-color, 7%);
$lighten: lighten($primary-color, 20%);

谢谢。

Answer 1

我无法重现您的确切行为，但我设法获得了一个有效的示例，并发现了以下内容：

函数名为lighten

• The
• 函数采用0到100之间的整数作为加亮的量。这是GitHub上的directly in the code文档。

我试着修改你的例子，如下所示，它运行良好：

@def MAIN_COLOR #64b5f6;
@def LIGHTER_COLOR lighten(MAIN_COLOR, 5);

.lighter {
color: LIGHTER_COLOR;
}

这是使用最新版本的闭包样式表(现在是v1.4.0)进行评估的，如下所示：

.lighter{color:#7cc1f7}

我希望这个数字是亮度增加的百分比-这是我在my own color software中使用的方法，通常也是其他CSS预处理器变亮/变暗功能使用的-所以你可能需要尝试得到你正在寻找的准确的阴影。

我希望它能为你工作。