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