sass - Sassのリスト内の個々の値を取得する

Question

私はこのようなものを持っているとしましょう：

$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