通过SASS变量增加元素的顺序

Question

我正在寻找SASS中最好的方法来迭代一个班级order，每4个项目上升1。我想出了以下结果，得到了我想要的结果，但是附带了很多或许不必要的标记。

@for $i from 1 through 3 {
  &:nth-child(#{$i}) {
    order: 3;  
    background: green;
  }
}  
@for $i from 4 through 6 {
  &:nth-child(#{$i}) {
    order: 1;
    background: blue;
  }
}  
@for $i from 7 through 9 {
  &:nth-child(#{$i}) {
    order: 2;  
    background: red;
  }
}  

Full Example of Code Working on Codepen

有没有更好的方法来解决这个问题？