在类中使用变量

时间:2017-10-25 08:58:59

标签: sass

有没有办法根据父类使用变量?

我希望使用这个颜色变量:

$primaryColor: #a59062;

我正好这样使用它:

button
{
background: $primaryColor;
}

但是如果父类应该超过它,我怎么能改变$ primaryColor值呢?我尝试了这个,但它不起作用:

$primaryColor: #a59062;

.hospitalityMode {
  $primaryColor: #4892C8;
}

1 个答案:

答案 0 :(得分:1)

如果您希望.hospitalityMode内的按钮不同。

button
{
  background: $primaryColor;

  .hospitalityMode & {
    background: #4892C8;
  }

}