配列の最後に値を追加

配列の最後に値を追加するには、append関数を使用します。

構文

							append(配列, 追加する値)
							または
							append(配列, 追加する値, 区切り文字)

サンプルコード

SCSS

$list : apple, orange, pineapple;
 
$list : append($list, banana);
 
@each $val in $list {
    .item-#{$val} {
        background-image:url("img/pic-#{$val}.jpg");
    }
}

コンパイル後：CSS

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

SASS・SCSS逆引きリファレンス一覧へ戻る