【メモ】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でやれば意図した結果になるので深追いするのやめましたｗｗ