在Sass中检索列表中的单个值

Question

说我＃39;有这样的事情：

$padding = 5px 25px;
$border  = 1px solid #f00;

我可以检索单个值吗？像

这样的东西

$padding-vertical = $padding[0];  // returns 5px;
or:
$padding-vertical = $padding(top); // returns 5px
or:
$border-size      = $border[border-width]; // return 1px
$border-color     = $border(border-color); // return #f00
etc...

这可能吗？

Answer 1

nth()函数是检索列表中特定项目的唯一方法，它需要知道它的位置。

$padding-vertical = nth($padding, 1);  // returns 5px;

由于许多速记属性不需要设置所有值，因此您可能无法获得所需的结果。对于您提供的变量，这将起作用：

$border-size      = nth($border, 1); // return 1px
$border-color     = nth($border, 3); // return #f00