手写笔：预期“缩进”，得到“突出”

Question

我是手写笔的新手。试图制作.mt--20, .mt--30, .mt--35 etc.等规则列表

我收到了这个错误

我的手写笔代码：

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)

我究竟做错了什么？

Answer 1

错误是你插入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，您可以在其中查看已编译的源（没有错误）。