更改一个属性与多个属性

Question

一个萨斯变量I具有包含值的萨斯可变$box-shadow10px 10px 1px 0 rgba(0,0,0,.3);

我想限定另一个变量$box-shadow-alt其中h-shadow属性（在这种情况下，第一10px的）应与原始变量相反。有没有一种时髦的方式来改变多属性定义的一个属性，而不需要重新声明整个变量？

为了演示，这应该是最终的结果：

$box-shadow:  10px 10px 1px 0 rgba(0,0,0,.3); 
$box-shadow-alt: -10px 10px 1px 0 rgba(0,0,0,.3); 

Answer 1

你的变量包含的列表。这意味着您可以使用任何列表操作函数对其执行操作。你需要的功能是set-nth和nth。

$box-shadow:  10px 10px 1px 0 rgba(0,0,0,.3); 
$box-shadow-alt: set-nth($box-shadow, 1, nth($box-shadow, 1) * -1);