less.js - 循环值列表

时间:2015-11-09 13:55:48

标签: less-mixins less.js

我有5种颜色和1 mixin

@sec-blue: #29a1eb;
@sec-purple: #3b519f;
@sec-yellow: #ffda2e;
@sec-green: #83c99e;
@sec-brown: #cd9d76;

.bgcollighten(@col,@per){
    @result: lighten(@col, @per);
}

我希望在#section#subsection#mainelement上使用它:

#section{
    .bgcollighten(@sec-blue,0%);
    background-color: @result;
}

#subsection{
    .bgcollighten(@sec-blue,15%);
    background-color: @result;
}

#mainelement{
    .bgcollighten(@sec-blue,30%);
    background-color: @result;
}

正如你所看到的,这样做的难点是我用不同的颜色重复5次。有一个更好的方法吗?

更新 我发现我们可以循环生成类。但是如何使用它来循环一个值列表呢?

1 个答案:

答案 0 :(得分:1)

我想出了怎么做:

if(decimal >= 0 && decimal <= 2147483647)
{
    printf("%d as a 32-bit binary number is:\n",decimal);
    for(x=31; x>=0; x--)
    { 
        y = decimal >> x;
        if(y&1)
            printf("1");
        else
            printf("0");
    }
}