如何在SASS版本的基础上设置按钮的背景颜色? 我想在SASS的基础版中更改按钮样式的背景颜色。< /P>

如何在SASS版本的基础上设置按钮的背景颜色? 我想在SASS的基础版中更改按钮样式的背景颜色。< /P>,sass,zurb-foundation,Sass,Zurb Foundation,查看_buttons.scs的源代码,我可以看到有一个名为“button style”的混音。其中,“背景色”被赋予变量$bg的值 但是,在mixin甚至该文件中没有$bg的定义 我可以从该行中删除“$bg”,并添加自定义颜色,但这是一个肮脏的解决方案,会导致问题 $bg的定义在哪里?我自己也有同样的困惑。事情是$bg在mixin声明中被赋值 @mixin按钮样式($bg:$primary color…) 这里呢 @mixin button($padding:$button-med, $bg:$

查看_buttons.scs的源代码,我可以看到有一个名为“button style”的混音。其中,“背景色”被赋予变量$bg的值

但是,在mixin甚至该文件中没有$bg的定义

我可以从该行中删除“$bg”,并添加自定义颜色,但这是一个肮脏的解决方案,会导致问题


$bg的定义在哪里?

我自己也有同样的困惑。事情是$bg在mixin声明中被赋值

@mixin按钮样式($bg:$primary color…)

这里呢

@mixin button($padding:$button-med, $bg:$primary-color,...) {
 ...
  @include button-style($bg, $radius, $disabled);
}
您可以在此处替换$primary color,但它会影响所有按钮。 一个更好的方法是创建一个新的button类,并使用您喜欢的颜色作为参数调用这个mixin

.new-button{
  @include button-base;
  @include button-size;
  @include button-style(your-preferred-color);
}
编译并以另一种方式使用.new按钮类

。新建按钮{
$primary color:#任何颜色;
@包括按钮;
}


由于您正在声明中设置
$primary color
,因此范围包含在该声明中。

\u设置中设置
$bg
。SCS
不起作用,因为它在mixin声明中被分配了一个值,正如Vinay Raghu已经解释的那样。好消息是,已经制定了解决方案


当在基础5的下一版本中发布时,对原始BBG定义的答案在哪里?将处于

\u设置中。通过更改
$button bg

我不知道您可以在sass中定义这样的变量。这对您有用吗?我认为这是一个很好的定制尺寸使用的解决方案:
@包括按钮尺寸($button tny)