Less (css) - 是否可以重新声明在其他颜色定义中引用的颜色变量



假设我有以下颜色定义

@gray-base:              #000;
@gray-darker:            lighten(@gray-base, 13.5%); // #222
@gray-dark:              lighten(@gray-base, 20%);   // #333
@gray:                   lighten(@gray-base, 33.5%); // #555
@gray-light:             lighten(@gray-base, 46.7%); // #777
@gray-lighter:           lighten(@gray-base, 93.5%); // #eee

如果在上述代码之后,我重新声明@gray-base,所有其他基于@gray-base @gray定义是否会更改,还是我必须重新声明它们?

我追求的特殊用例是,我希望能够覆盖外部变量.less文件中的引导变量,以保持引导存储库不变,使其更容易更新。

我假设,你在文件的开头有上面的代码,然后在@gray-base颜色的某个地方更改。所有其他颜色都会改变吗?

是的。

看一看
不知道具体怎么做这根棍子,但是如果你把后面的@gray-base注释出来,你会看到颜色在变化。

相关内容