找到根据输入数量转动rotater类dynamiccaly的方法

Question

如何推广div位置（https://codepen.io/suez/pen/vAais），这样，如果我放入更少的元素，它们会调整到其对称位置=＆gt;它们之间有360度的差异。

任何想法如何修改这件作品？

$numOfElems: 8;

@for $i from 1 through $numOfElems {
  $deg: 360deg / $numOfElems;
  .rotater:nth-child(#{$i}) {
    transform: rotate($deg/-2 + $deg * ($i - 1));
  }

  .menu.active {
    .rotater:nth-child(#{$i}) .btn-icon {
      transform: translateY(-10em) rotate($deg/2 - $deg * ($i - 1)); 
    }
  }
}

用图片说明：