获取SASS变量的水平填充/边距部分

Question

有一个SASS变量，定义如下：

$section-padding: 3rem 1.5rem !default

然后将其用作填充值，在其他地方效果很好：

padding: $section-padding;

如何动态获取1.5rem值？假设$section-padding变量将始终包含一个简短的填充/边距定义，是否有某种提取方法？

我无法将值分成两个单独的变量，因为$section-padding是在第三方CSS框架（Bulma）中定义的。

Answer 1

似乎我走在正确的轨道上，但是在我使用它的calc()通话中出现错误使它炸毁了。

SASS具有lists的概念。如果变量包含空格或逗号分隔的值，则将其视为列表。然后，您可以使用nth()函数（基于1的索引）提取所需的部分：

nth($section-padding, 2)

请注意，要在calc()中使用此函数，应将函数调用包装在#{}中（这是我的错误）：

padding: calc(200px + #{nth($section-padding, 2)});