动态创建新变量

时间:2015-04-22 20:53:22

标签: less css-preprocessor

我想知道是否有可能在运行时创建新变量。

现在我有一组颜色,如:

@red:    #E74C3C;
@orange: #E67E22;
@yellow: #FFCD02;
...

我希望用前缀dark或light动态创建它们的着色版本。像这样:

@dark-red:    darken(@red);
@light-red:   lighten(@red);
@dark-orange: darken(@orange);
...

我已经为每个循环尝试了一个并创建了几个类,但这不是我的目标。我想创建新的少变量。

我认为这是正确的,但不是:

@colors: red, orange, yellow, ...;

.for(@colors); .-each(@name) {   
    @dark-@{name}:     darken(@@name, 10%); // aswell @dark-@@name | @dark-~"@{name}"
    @light-@{name}:    lighten(@@name, 10%);
}

这是可能的还是我应该找到其他方法?

修改 好吧,我试图在java中重新创建我的解决方案/想法并意识到,它可能比我想象的要复杂得多。对不起,我的新手很少,而且是语法。

0 个答案:

没有答案