更改一個屬性與多個屬性

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);