Задать вопрос
@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.
  • Вопрос задан
  • 60 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F
.item
  margin-left: -450px
  @for $i from 1 through 6
    &:nth-child(#{$i})
      left: $i * 150% - 100%
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы