Stylus ParseError：生成字体图标

Question

我正在尝试使用Stylus在Icomoon中生成字体图标，以生成变量，但我得到parseError：

  

ParseError：icons.styl：930 926 |对于图标，我在$ icons 927 |     .icon- {icon} 928 | ＆amp;：929之前|内容$ {icon}

     

意外的“eos”

我要为相应的类生成:before和content个值。我的循环如下：

for icon, i in $icons
    .icon-{icon}
        &:before
            content ${$icon}

我首先将每个图标分配给其content值，如下所示：

$icon-chrome = "\e829"

$icon-firefox = "\e82a"

$icon-IE = "\e82b"

$icon-opera = "\e82c"

$icon-safari = "\e82d"

$icon-IcoMoon = "\e82e"

$icons等于：

$icons = home2, home3, home4, office, newspaper, pencil2

如何修复此parseError以正确生成我的字体图标？

Answer 1

您无法使用插值动态生成变量名称。为此，我们有lookup内置函数。例如：

$icons = home2, home3

$icon-home2 = '\e829'
$icon-home3 = '\e82a'

for icon, i in $icons
  .icon-{icon}
    &:before
      content lookup('$icon-' + icon)

但是hashes对于这项任务要好得多。