Question

我尝试将我的所有工作流程从Sass传递到Stylus，但我无法转换函数。

这是sass中的函数

    @mixin setIconInclude($icon) {
      @each $s in $ws_icon-list {
            @if nth($s, 1) == $icon {
                  content: nth($s, 2);
            }
      }
}

我在手写笔中尝试了这个但它不起作用

setIconInclude($icon)
  for $s in $ws_icon-list
    if foo $s 0 == icon
      content foo $s 1

修改

我有一个我在另一个文件中定义的图标列表。

$ws_icon-list =       "iconName1"   "\f105",
                  "iconName2"   "\e81f",
                  "iconName3"   "\e820"

使用我想要实现的功能，我希望能够在Stylus中访问它（SASS功能），但我无法理解语法。

$icon是我想要在列表中定义的图标的第一个参数。

Answer 1

您可以使用$s[0]和$s[1]代替nth($s, 1)和nth($s, 2)，因为手写笔列表从零开始：

$ws_icon-list =   "iconName1"   "\f105",
              "iconName2"   "\e81f",
              "iconName3"   "\e820"

setIconInclude($icon)
  for $s in $ws_icon-list
    if $s[0] == $icon
      content: $s[1]

body
  setIconInclude('iconName1')

Sass / Stylus转换函数迭代

1 个答案: