当主体具有特定的类时，我试图覆盖变量的值。我希望能够根据我添加到正文中的此类更改为不同的“主题”。
我的原色的默认变量
$primary: #6cc907;
覆盖主要变量
.branded {
$primary: #e43e94;
}
考虑mixin为此应用程序使用a而不是变量。在选择器中，您可以包含mixin并将其传递给变量。您甚至可以为mixin变量设置默认值，在这种情况下，您的设置为base background-color。通过传递mixin新值来覆盖它。
萨斯
@mixin bg-color($primary: #6cc907) {
background-color: $primary;
}
div {
@include bg-color(); // Use default value
display: inline-block;
height: 300px;
width: 200px;
&.branded {
@include bg-color(#e43e94); // Override value
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句