使用现代的构建工具,我们可以轻松地构建最终的CSS,以节省成本。例如,我们可以使用gulp,webpack和更少的工具,从entry style.less文件开始生成最终的css。在样式设计中,我们通常会有一个变量。较少定义该主题的特定设计。例如,在众所周知的引导程序框架中,variables.less中就有这样的内容:
@gray-base: #000;
@gray-darker: lighten(@gray-base, 13.5%); // #222
@gray-dark: lighten(@gray-base, 20%); // #333
@brand-primary: darken(#428bca, 6.5%); // #337ab7
@brand-success: darken(@gray-base, 93.5%);
//** Global textual link color.
@link-color: @brand-primary;
//** Link hover color set via `darken()` function.
@link-hover-color: darken(@link-color, 15%);
我的问题是:在评估函数(变暗,变亮等)之后,如何获得具有纯值的最终变量.txt?
@gray-base: #000;
@gray-darker: #222
@gray-dark: #333
@brand-primary: #337ab7
@brand-success: #44444;
//** Global textual link color.
@link-color: #337ab7;
//** Link hover color set via `darken()` function.
@link-hover-color: #345334;