针对Stylus值的循环

时间:2013-08-12 08:57:46

标签: stylus

我想要这个

long_shadow()
    text-shadow: 1px 1px, 2px 2px, 3px 3px, 4px 4px, 5px 5px, ... ,Npx Npx

我试过这个

calculate_shadow()
    $shadows = ''
    for i in 1..6
        $shadows += '%spx %spx, ' % (i i)
    $shadows += '0px 0px'

long_shadow()
    text-shadow: {calculate_shadow_base()}

但是这将打印所有字符串连接过程

然后这个

calculate_shadow()
    $shadows = ''
    for i in 1..6
        $shadows += '%spx %spx, ' % (i i)
    $shadows += '0px 0px'

long_shadow()
    text-shadow: calculate_shadow_base()

会打印

text-shadow: '1px 1px, 2px 2px, 3px 3px, 4px 4px, 5px 5px'

如何删除报价?

1 个答案:

答案 0 :(得分:2)

只需删除函数调用周围的{},即插值:

calculate_shadow()
    $shadows = ''
    for i in 1..6
        $shadows += '%spx %spx, ' % (i i)
    $shadows + '0px 0px'

long_shadow()
    text-shadow: unquote(calculate_shadow())

body
    long_shadow()