LESS从mixin动态创建变量名称

时间:2016-05-12 10:22:49

标签: variables less mixins

您好我在想是否可以在更少的时间内自动创建变量名称的过程?

例如。目前我必须写:

@list-description-font-color: #000;
@list-description-border-color: #aaa;
@list-description-background-color: #bbb;
@list-description-border-width: #ccc;

如果我可以在一个地方定义@ list-description而不是重复使用,那会更好。例如

.list-description(@pre: 'list-description') {

@pre-font-color: #000;
@pre-border-color: #aaa;
@pre-background-color: #bbb;
@pre-border-width: #ccc;

}

如果我可以使用扩展阵列,那就更好了。

@ext: fc font-color, bc border-color, bgc background-color, bw border-width;

    .list-desc(@pre: 'list-description') {

    @pre-@ext{fc}: #000;
    @pre-@ext{bc}: #aaa;
    @pre-@ext{bgc}: #bbb;
    @pre-@ext{bw}: #ccc;

    }

这将生成原始输出。

由于

0 个答案:

没有答案