css - 仅在本地覆盖导入模块内的全局变量？

Question

我有 main.scss 文件(在 CSS Paged Media 的上下文中)包含

$margin-left 2cm;

@page {
   size: a4;
   margin-left: $margin-left;
}

@import "_toc";

....

和一个包含

的_toc.scss

$margin-left 4cm;

@page toc {
     margin-left: $margin-left;
}

所有页面的默认边距应该是 2 厘米，但在特定页面(目录)我需要 4 厘米

_toc.scss中$margin-left的重新赋值修改了全局变量的值。

除了使用特定于 _toc.scss 的专用变量之外，是否有一些机制可以在本地(仅在 _toc.scss 文件内)覆盖全局变量？

Answer 1

为什么不使用变量的相同值并像这样调用它margin-left: $margin-left + 2; 这将在不更改变量值的情况下给出您想要的相同结果。如果您仍想更改该值，您可以在 @page toc 中定义新值，这不会更改全局值