@for $i from 1 through 10{
  li:nth-of-type(#{$i}) { 
    background: hsl($i * 36, 100%, 50%); 
  }
}