Sass列表函数-join()

join($list1, $list2, $separator: auto, $bracketed: auto)

$separator表示返回新列表的分隔符，值只能是comma,space,auto，不允许使用其他值

• comma表示分号
• space表示空格
• auto为默认值，返回的新列表使用与$list1相同的分隔符；但当第一个列表中只有一个列表项，则使用与$list2相同的分隔符；当两个列表中的列表项都小于1时，将会以空格分隔

$bracketed用于控制返回的新列表是否有方括号，值只能是true,false,auto

• true表示有方括号
• false表示没有
• auto为默认值，返回的新列表的方括号结果与$list1一致

@debug list.join((blue, red), (#abc, #def), $separator: space); // blue red #abc #def
@debug list.join(10px, 20px, $bracketed: true); // [10px 20px]

将两个列表连接合并成一个列表，如果直接连接两个以上的列表将会报错

>> join(10px 20px, 30px 40px)
(10px 20px 30px 40px)
>> join((blue,red),(#abc,#def))
(#0000ff, #ff0000, #aabbcc, #ddeeff)
>> join((blue,red),(#abc #def))
(#0000ff, #ff0000, #aabbcc, #ddeeff)

多个（>2）列表的连接

>> join((blue red), join((#abc #def),(#dee #eff)))
(#0000ff #ff0000 #aabbcc #ddeeff #ddeeee #eeffff)