Стилус: ожидаемый «отступ», полученный «отступ» - PullRequest
Новая
       10

Стилус: ожидаемый «отступ», полученный «отступ»

0 голосов
/ 17 сентября 2018

Я новичок в стилусе. Попытка составить список правил, таких как .mt--20, .mt--30, .mt--35 etc.

Я получил эту ошибку

enter image description here

Код моего стилуса: 

margin(postfix, side, numbers)
  .m{postfix}
    for n in numbers
      &--{n}
        margin-{side} {n}px
    for n in numbers
      &--{n}-xs
        @media $media-max-1366
          margin-{side} {n}px
    for n in numbers
      &--{n}-lg
        @media $media-min-1366
          margin-{side} {n}px

list = 5 10 15 20 25 30 35 40 45 50 55 60

margin(b, bottom, list)
margin(t, top, list)
margin(l, left, list)
margin(r, right, list)

Что я делаю не так?

1 Ответ

0 голосов
/ 18 сентября 2018

Ошибка с вашей интерполяцией n. после margin-{side} вам не нужно интерполировать.

Решение: 

margin(postfix, side, numbers)
  .m{postfix}
    for n in numbers
      &--{n}
        margin-{side} n px
      &--{n}-xs
        @media $media-max-1366
          margin-{side} n px
      &--{n}-lg
        @media $media-min-1366
          margin-{side} n px

list = 5 10 15 20 25 30 35 40 45 50 55 60

margin(b, bottom, list)
margin(t, top, list)
margin(l, left, list)
margin(r, right, list)

Вот CodePen , где вы можете просмотреть скомпилированный источник (без ошибок).

...