有没有办法根据父类使用变量?
我希望使用这个颜色变量:
$primaryColor: #a59062;
我正好这样使用它:
button
{
background: $primaryColor;
}
但是如果父类应该超过它,我怎么能改变$ primaryColor值呢?我尝试了这个,但它不起作用:
$primaryColor: #a59062;
.hospitalityMode {
$primaryColor: #4892C8;
}
答案 0 :(得分:1)
如果您希望.hospitalityMode
内的按钮不同。
button
{
background: $primaryColor;
.hospitalityMode & {
background: #4892C8;
}
}