首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Sass/Stylus转换函数迭代

Sass/Stylus转换函数迭代
EN

Stack Overflow用户
提问于 2017-02-11 13:35:56
回答 1查看 117关注 0票数 0

我试着把我所有的工作流程从Sass传递到Stylus,但是我不能转换函数。

以下是sass中的函数

代码语言:javascript
复制
    @mixin setIconInclude($icon) {
      @each $s in $ws_icon-list {
            @if nth($s, 1) == $icon {
                  content: nth($s, 2);
            }
      }
}

我在斯泰勒斯试过这个,但不管用

代码语言:javascript
复制
setIconInclude($icon)
  for $s in $ws_icon-list
    if foo $s 0 == icon
      content foo $s 1

编辑:

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

代码语言:javascript
复制
$ws_icon-list =       "iconName1"   "\f105",
                  "iconName2"   "\e81f",
                  "iconName3"   "\e820"

使用我想要实现的函数,我希望能够在Stylus中访问它( SASS函数工作),但是我无法理解语法。

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-02-11 16:37:06

您可以使用$s[0]$s[1]而不是nth($s, 1)nth($s, 2),因为Stylus列表是基于零的:

代码语言:javascript
复制
$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')
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42176467

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档