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

Question

假设我有以下颜色定义

@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-的@gray定义都会base 更改，还是我必须重新声明它们？

我所追求的特定用例是，我希望能够从外部 variable.less 文件覆盖 Bootstrap 变量，以保持 Bootstrap 存储库不变，以便更容易更新。

Answer 1

我假设，您在文件的开头有上面的代码，然后在某处更改您的 @gray-base 颜色。所有其他颜色都会改变吗？

是的。

Have a look
不知 Prop 体怎么做这个棍子，但如果你把后面的 @gray-base 注释掉，你会看到颜色在变化。