列表

列表就是 Sass 的數(shù)組。列表是一個(gè)一維的數(shù)據(jù)結(jié)構(gòu)（不同于?maps），用于保存任意類型的數(shù)值（包括列表，從而產(chǎn)生嵌套列表）。

列表需要遵守以下規(guī)范：

• 除非列表太長不能寫在 80 字符寬度的單行中，否則應(yīng)該始終單行顯示；
• 除非適用于 CSS，否則應(yīng)該始終使用逗號作為分隔符；
• 要么使用內(nèi)聯(lián)形式，要么使用多行形式；
• 始終使用括號包裹；
• 始終不要添加尾部的逗號。

// Yep
$font-stack: ('Helvetica', 'Arial', sans-serif);

// Yep
$font-stack: (
  'Helvetica',
  'Arial',
  sans-serif,
);

// Nope
$font-stack: 'Helvetica' 'Arial' sans-serif;

// Nope
$font-stack: 'Helvetica', 'Arial', sans-serif;

// Nope
$font-stack: ('Helvetica', 'Arial', sans-serif,);

當(dāng)需要給列表添加一個(gè)新列表項(xiàng)時(shí)，請遵守其提供的 API，不要試圖手動給列表添加列表項(xiàng)。

$shadows: (0 42px 13.37px hotpink);

// Yep
$shadows: append($shadows, $shadow, comma);

// Nope
$shadows: $shadows, $shadow;

擴(kuò)展閱讀

• Understanding Sass lists
• SassyLists