手写笔没有以相同的方式解析所有变量答案

【问题标题】：Stylus not parsing all variables in the same way手写笔没有以相同的方式解析所有变量
【发布时间】：2014-05-15 23:08:19
【问题描述】：

我正在尝试在 Stylus（最新版本）中解析一个列表，但结果很奇怪。

$small  = 200px
$medium = 400px
$large  = 600px

$list = small  $small,
        medium $medium,
        large  $large

for ham in $list
  @media screen and (min-width: ham[1])
    .{ham[0]}
      width ham[1]

产量

@media screen and (min-width: ham[1]) {
  .small {
    width: 200px;
  }
}
@media screen and (min-width: ham[1]) {
  .medium {
    width: 400px;
  }
}
@media screen and (min-width: ham[1]) {
  .large {
    width: 600px;
  }
}

ham[1] 变量不会在媒体查询中得到解析，无论我是否将其包装在 {} 中，但它在其他地方解析得很好。我在这里错过了什么？

【问题讨论】：

标签： stylus

【解决方案1】：

目前，媒体查询不允许插值。但是，您可以做的是使用 one 变量。现在只需预先构建查询：

$small  = 200px
$medium = 400px
$large  = 600px

$list = small  $small,
        medium $medium,
        large  $large

for ham in $list
  query = 'screen and (min-width: %s)' % ham[1]
  @media query
    .{ham[0]}
      width ham[1]

更新：使用 Stylus 0.44（或 0.45），他们现在可以了！

【讨论】：