gwt - gwt gss 变亮（）和变暗（）

Question

我试图在 GSS 中使用 lighten() 和 darken()（我是 gwt 2.8 版本和材料设计 rc4），如下所示：

@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%);

谢谢。

score 0 · Accepted Answer

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

我已尝试按如下方式修改您的示例，并且工作正常：

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

.lighter {
color: LIGHTER_COLOR;
}

使用最新版本的 Closure Stylesheets（现在是 v1.4.0）对其进行评估，使其变为以下内容：

.lighter{color:#7cc1f7}

我希望这个数字是亮度增加的百分比——这是我在我自己的颜色软件中使用的方法，通常也是其他 CSS 预处理器亮/暗功能使用的方法——所以你可能需要四处寻找你正在寻找的确切阴影为了。

我希望这个对你有用。

1 回答 1