Question

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

$white: #E2E2E2;
color: $white * 0.7; /* results in #9E9E9E */

我正在使用广泛使用灰色的代码。由于现在认为该语法已被弃用，因此我需要找到产生相同结果的替代方法。

有一个recommendation要使用scale-color：

color: scale-color($white, $lightness: -30%);

即使产生相同的结果并且可以很容易地计算出新值（ factor -1），但对于大于1的因数，它均不能正常工作。

$black: #050505;
color: $black * 2; /* results in #A0A0A0 */
color: scale-color($black, $lightness: 100%); /* results in pure white */

是否有更好和统一的方法来将其更新为新的符合语法？

Answer 1

您可以使用darken和lighten函数

lighten($color, $amount)：使颜色变浅。

darken($color, $amount)：使颜色更深。