如何在通常在variables.less文件中定义的文件中产生最终变量值?

时间:2019-06-01 08:16:46

标签: twitter-bootstrap webpack gulp less

使用现代的构建工具,我们可以轻松地构建最终的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;

0 个答案:

没有答案