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