Question

我试图在GSS（i＆＃39; m gwt 2.8版本和材料设计rc4）中使用lighten（）和darken（），如下所示：

v = 7.351173057570145e+05;

d = datetime(v, 'ConvertFrom', 'datenum');
d.Hour = d.Hour + 7; % correct for the offset
d_posix = posixtime(d); % converts to posix

但结果是

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

.lighter {
color: LIGHTER_COLOR;
}

我找不到任何在任何地方使用这些功能的样本.. https://github.com/google/closure-stylesheets

我期待那些像SASS一样的工作

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

感谢。

Answer 1

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

功能名称为lighten
lighten函数采用0到100之间的整数作为要减轻的数量。这在GitHub上记录为directly in the code。

我尝试按如下方式修改您的示例，但它运行正常：

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

.lighter {
color: LIGHTER_COLOR;
}

使用最新版本的Closure Stylesheets（现在， v1.4.0）成为以下人物：

.lighter{color:#7cc1f7}

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

我希望它适合你。

gwt gss lighten（）和darken（）

1 个答案: