Sass - 从指定了多个值的属性中获取一个值

Question

如果我有一个如此定义的变量：

$item-padding: 0.8rem 1rem;

使用Sass mixin是否可以获取padding-left变量中$item-padding值的值？

类似的东西：

padding-left: get-value($item-padding, left);

Answer 1

由于您的变量实际上是空格分隔的列表，如果您需要获取值1rem，则可以使用nth(<list>, <index>)函数

padding-left: nth($item-padding, 2);

Answer 2

我发现基金会的Sass中有一个特定的功能来执行此操作，称为get-side()。

  

获取侧

     

确定填充，边距等属性的顶部/右侧/底部/右侧值，无论传入多少个值。如果您需要知道值的特定边，请使用此函数，但不要知道该值是否使用速记格式。

用法如下：

$padding-left: get-side($item-padding, left);