【メモ】SCSSで配列を使ったforによるループ処理
複数の箱に異なるサイズを指定する例
sample.haml
.box1
.box2
.box3
.box4
.box5
sample.scss
$boxSizes: (271px, 366px), (360px, 241px), (360px, 244px), (360px, 239px), (360px, 239px);
@for $num from 1 through length($boxSizes){
.box#{$num}{
width: nth(nth($boxSizes, $num), 1);
height: nth(nth($boxSizes, $num), 2);
}
}
eachの場合、配列に重複が存在するとコケる・・・。
きっと重複してても処理をする方法があるんだろうけど、ざっと探したけど見つからなかった。
まぁFORでやれば意図した結果になるので深追いするのやめましたｗｗ
Author And Source
この問題について(【メモ】SCSSで配列を使ったforによるループ処理), 我々は、より多くの情報をここで見つけました https://qiita.com/ketabawo/items/9319676394b4c31a0597著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .