Sass 萨斯：！全局标志与在全局范围内重新定义变量

你为什么会使用：

.highlight {
  $orange: #f60 !global;
  color: $orange;
}

…而不是

$orange: #f60;
.highlight {
  color: $orange;
}

---

为什么不在全局范围内重新定义变量，而不使用

！全局
？
一个
用例！全局
标志用于主题化。下面是一个例子：

$fg-color: black;
$bg-color: gray;

@mixin darkTheme() {
  $fg-color: white !global;
  $bg-color: blue !global;
}

@include darkTheme();

main {
  background: $bg-color;
  color: $fg-color;
}

上述SCS符合本CSS：

main {
  background: blue;
  color: white;
}

使用这种技术，您可以有一个主题混合，它可以在您需要时干净地修改全局变量