在SASS / SCSS中拆分变量

Question

我有一个SASS变量，如下所示：

$surrounding-margin: 0 40px;

我正在使用它（不相关的属性已被删除）：

#content {
  margin: $surrounding-margin;

  & #close {
    margin-right: -$surrounding-margin[1]; // If this was JS.
  }
}

显然，-$surrounding-margin[1]不起作用。会是什么？我需要变量的第二个值，为负数。我怎么能这样做？

Answer 1

只需使用例如nth，因为它只是一个列表：

$surrounding-margin: 0 40px;

#content {
  margin: $surrounding-margin;

  & #close {
    margin-right: -(nth($surrounding-margin, 2));
  }
}