SCSSで配列を回す

*配列が全く分かってない自分用のメモです

SCSSにて
8要素の配列を回して12の要素に順番通り$listに格納された色を当てようとし、つまづいたのでメモ。

$list: (one, two, three, four, five, six, seven, eight);

@for $i from 0 through 11 {
  &:nth-child(#{$i + 1}) {
    border-color: nth($list, $i % length($list) + 1);

    &::before {
      border-color: nth($list, $i % length($list) + 1);
    }
  }
}