sass - 创建一个逗号分隔的空格分隔列表——错误的 append() 行为

Question

我想创建一个逗号分隔的空格分隔列表。

我希望得到以下元列表：( (1 2), (3 4) ).

我不能使用文字，因为元列表应该从存储在变量中的现有列表中组装出来。所以我用append().

我的问题是append()打破了第一个列表，产生( 1, 2, (3 4) ).

$meta-list: append( ((1 2)), (3 4), comma)
@warn $meta-list
// WARNING: 1, 2, 3 4

@warn nth($meta-list, 1)
// WARNING: 1

// Just to make sure:
@warn @warn nth( ( (1 2), (3 4) ), 1)
//WARNING: 1 2

为什么会发生这种情况以及如何正确组装元列表？

Answer 1

好的，我明白了。

解决方法是先创建一个空白列表。

$meta-list: ()
$meta-list: append( $meta-list, (1 2), comma)
$meta-list: append( $meta-list, (3 4), comma)

@warn $meta-list
// WARNING: 1 2, 3 4

@warn nth($meta-list, 1)
// WARNING: 1 2