如何获得更少的所有已定义变量的列表?

时间:2015-12-01 22:30:00

标签: css less

有没有什么方法可以获得当前范围内定义的所有变量的列表?

在下面的代码中,我创建了一个列表@variables,其中包含mixins/variables中定义的每个变量的一个条目。当我的文件中的变量数量更新时,我的列表也必须如此。我希望访问并输出每个定义的变量,而不是手动定义的列表。

@import "src/styles/css/mixins/for";
@import "src/styles/css/mixins/variables";

@variables: navy, darkBlueGrey, blueGrey, darkBlue;
#variables {
  .for(@variables); .-each(@value) {
    & when (ispixel(@@value)) {
      @{value}: unit(@@value);
    }
    & when not (ispixel(@@value)) {
      @{value}: @@value;
    }
  }
}

我希望输出为:

#variables {
    "navy": "#2b3d49",
    "darkBlueGrey": "#334455",
    "blueGrey": "#516171",
    "darkBlue": "#1c5577"
}

(我知道这个片段既不是有效的CSS也不是JSON。在这个输出上有进一步的处理步骤来正确地格式化它。)

(for循环mixin定义为here。)

0 个答案:

没有答案