更新不推荐使用的SASS语法以进行颜色倍增

更新不推荐使用的SASS语法以进行颜色倍增,sass,Sass,在旧版本的SASS中,可以将颜色值乘以常规数字: $white:#e2; 颜色:$白色*0.7;/*结果为#9E9E9E*/ 我正在使用的代码在灰度上广泛使用了这一点。由于这种语法现在被认为是不推荐的,所以我需要找到一种产生相同结果的替代方法 有一种方法可以使用缩放颜色: color: scale-color($white, $lightness: -30%); 即使它产生相同的结果,并且可以轻松计算新值(因子-1),但对于大于1的因子,它的效果并不相同: $black:#050505; 颜

在旧版本的SASS中,可以将颜色值乘以常规数字:

$white:#e2;
颜色:$白色*0.7;/*结果为#9E9E9E*/
我正在使用的代码在灰度上广泛使用了这一点。由于这种语法现在被认为是不推荐的,所以我需要找到一种产生相同结果的替代方法

有一种方法可以使用
缩放颜色

color: scale-color($white, $lightness: -30%);
即使它产生相同的结果,并且可以轻松计算新值(因子-1),但对于大于1的因子,它的效果并不相同:

$black:#050505;
颜色:$黑色*2;/*结果为#a0*/
颜色:刻度颜色($black,$lightness:100%);/*结果是纯白的*/

是否有更好的统一方法将其更新为新的一致语法?

您可以使用
变暗
变亮
功能

变亮($color,$amount)
:使颜色变亮

变暗($color,$amount)
:使颜色变暗


我知道。但是,为了得到相同的结果,您将如何计算金额?