在单独的Less文件中混合和实现

时间:2014-06-03 06:16:34

标签: css3 less

(LESS)有没有可能的方法,我可以在两个单独的LESS文件中使用mixin和实现?其中我可以调用第一个LESS文件。这样我只能维护第二个LESS文件。这是我的样本,但它给了我错误。

less1.less:

@complement1: spin(@base_CCS, 180);
@complement2: darken(spin(@base_CCS, 180), 5%);
@lighten1: lighten(@base_CCS, 15%);
@lighten2: lighten(@base_CCS, 30%);

less2.less:

@import "less1";

@base_CCS: #032f6e;
.one   {background-color: @base_CCS;}
.two   {background-color: @complement1;}
.three {background-color: @complement2;}
.four  {background-color: @lighten1;}
.five  {background-color: @lighten2;}

1 个答案:

答案 0 :(得分:1)

尝试以相反的方式做到:

less 1.less

@import "less2";

@complement1: spin(@base_CCS, 180);
@complement2: darken(spin(@base_CCS, 180), 5%);
@lighten1: lighten(@base_CCS, 15%);
@lighten2: lighten(@base_CCS, 30%);

less 2.less

@base_CSS: #032f6e;

这应该符合我的经验。

相关问题