从变量

时间:2017-08-14 08:40:40

标签: css less

我只是想问一下LESSCSS中是否可以使用提取函数,而值存储在LESS变量中?

这就是我正在使用的:

@basic: #ffffff, #000000, #333333;
@classes: white, black, gray;
.make-color(@i: length(@basic)) when (@i > 0) {
    .make-color(@i - 1);
    @color: extract(@basic, @i);
    @class: extract(@classes, @i);
    .@{class} {
            color: @color;
        }
    }
}

这就是我想要的

  @white: #ffffff;
  @black: #000000;
  @gray: #333333;

  @basic: @white, @black, @gray;
  @classes: white, black, gray;
    .make-color(@i: length(@basic)) when (@i > 0) {
        .make-color(@i - 1);
        @color: extract(@basic, @i);
        @class: extract(@classes, @i);
        .@{class} {
                color: @color;
            }
        }
    }

当我尝试第二个时,它会返回一个编译过的css:

.white{
color: @white;
}
.black{
color: @black;
}
.gray{
color: @gray;
}

但我的目标是这样的:

.white{
color: #ffffff;
}
.black{
color: #000000;
}
.gray{
color: #333333;
}

0 个答案:

没有答案