配列

配列は複数の値を1つの変数で管理するものです。
値をカンマで区切って指定します。

構文

							$変数名:値1, 値2, 値n ...;
						

サンプルコード

【SCSS】

$list:apple, orange, pineapple; @each $val in $list { .global-navigation li.item-#{$val} { background-image:url("img/pic-#{$val}.jpg"); } $i: $i + 1; }

【コンパイル後：CSS】

.global-navigation li.item-apple { background-image:url("img/pic-apple.jpg"); } .global-navigation li.item-orange { background-image:url("img/pic-orange.jpg"); } .global-navigation li.item-pineapple { background-image:url("img/pic-pineapple.jpg"); }