В старых версиях SASS было возможно умножить значения цвета на обычное число:
$white: #E2E2E2;
color: $white * 0.7; /* results in #9E9E9E */
Я работаю с кодом, который широко использовал это для серых.Поскольку этот синтаксис теперь считается устаревшим, мне нужно найти альтернативу, которая дает такой же результат.
Существует рекомендация для использования scale-color:
color: scale-color($white, $lightness: -30%);
Несмотря на то, что он дает тот же результат, и новое значение может быть легко вычислено ( фактор - 1), оно не будет работать одинаково для факторов больше 1:
$black: #050505;
color: $black * 2; /* results in #A0A0A0 */
color: scale-color($black, $lightness: 100%); /* results in pure white */
Есть лилучший и унифицированный способ обновить его до нового соответствующего синтаксиса?