代码在Codepen中工作但在Prepros中没有? (CSS手写笔)

时间:2014-08-19 12:38:30

标签: css stylus css-preprocessor prepros

我有一些CSS Stylus代码可以在Codepen上完美编译;

for i in (1..3)
  $keyframe-name = (name + i)
    @keyframes {$keyframe-name} 
      0% 
        height 0
      75% 
        height 10px
      100%

但是,当我在Prepros中编译时,出现以下错误;

css/style.styl:3
   1| 
   2| for i in (1..3)
 > 3|   $keyframe-name = (name + i)
   4|     @keyframes {$keyframe-name} 
   5|       0% 
   6|         height 0

cannot coerce 1 to ident

我做错了什么?

2 个答案:

答案 0 :(得分:2)

只使用较旧版本的Stylus准备。 Codepen - 0.47.1,Prepros - 0.46.3。

答案 1 :(得分:1)

对于任何有兴趣的人,我想出了一个解决方法,让它在Prepros中运行:

for i in (1..3)

    $keyframe-name = "name" + i + ""

        @keyframes $keyframe-name
            0% 
                height 0
            75% 
                height 10px
            100%

不知道为什么会有区别。