css - Stylus 中的动态属性构建函数给出了预期的 ":"，得到了 "["

Question

我有以下手写笔代码

spaces = {
  none: 0,
  xxx-small: .125,
  xx-small: 25,
  x-small: .5,
  small: .75
  medium: 1,
  large: 1.5,
  x-large: 2,
  xx-large: 3
}
properties = top, right, bottom, left
types = {
  m: margin,
  p: padding
}
space()
  for type in types
    for property in properties
      for space in spaces
        .{type}-{property}--{space}
          {types[type]}-{property}: {spaces[space]}rem

space()

我希望它输出如下内容:

.m-top--none {
  margin-top: 0rem;
}
.m-top--xxx-small {
  margin-top: 0.125rem;
}

etc

但是我遇到了错误:

expected ":", got "["

知道我在这里做错了什么吗？如果我以 {spaces[space]}rem 替换为 1000% 为例，似乎可行？

Answer 1

Stylus 目前不支持在属性值内插值。在这种情况下，您需要使用 ():

{types[type]}-{property}: (spaces[space])rem