Можно ли как то заменить данное выражение?

Question

[VegasChickiChicki]

&:nth-child(1)
    left: 50%
    margin-left: -450px
  &:nth-child(2)
    left: 200%
    margin-left: -450px
  &:nth-child(3)
    left: 350%
    margin-left: -450px
  &:nth-child(4)
    left: 500%
    margin-left: -450px
  &:nth-child(5)
    left: 650%
    margin-left: -450px
  &:nth-child(6)
    left: 800%
    margin-left: -450px

Возможно ли в SASS написать какую либо формулу ,в которую я укажу n-элементов ,а она мне напишет n-:nth-child'ов ,прибавляя каждому следующему в параметр left по 150% ,а параметр margin-left: -450px оставляя статичным?
p.s. Я слышал про формулы в SASS ,но плохо знаком с ними ,возможно ли реализовать такое?
p.p.s Так же было бы классно увидеть такое ,если возможно ,на JS.

Answer 1

[0xD34F]

.item
  margin-left: -450px
  @for $i from 1 through 6
    &:nth-child(#{$i})
      left: $i * 150% - 100%

Comments

[VegasChickiChicki]

Почти верно ) ,в моем случае будет так :

@for $i from 1 through 6
    &:nth-child(#{$i})
      left: $i * 150% - 100%
      margin-left: -450px