scss中循环之@for循环布局画圆

最近在写圆周上画圆问题，圆周上12个圆均匀分布，布局以后，小圆布局如果一个一个去通过nth-child去选择就比较麻烦了，代码量很大，因为用框架开发，css预处理选择的scss，scss是可以写方法和嵌套语句的，类似js一样，当当当，划重点。于是乎写了这样的例子参考下，最基础的。
复制代码

  @for $i from 1 through 12 {
    li:nth-of-type(#{$i}) {
      transform: rotate(($i - 1) * 30  + deg);
    }
  }
复制代码