基础按钮mixin抛出错误

Question

我正在尝试使用Foundation button() mixin来更改按钮的颜色。我试着遵循文档中的示例：

@include button(
// $padding - Used to build padding for buttons Default: $button-med or rem-calc(12)
$padding,
// Background color. We can set $bg:false for a transparent background. Default: $primary-color.
$bg,
// If true, set to button radius which is $global-radius or explicitly set radius amount in px (ex. $radius:10px). Default:false.
$radius,
// We can set $full-width:true to remove side padding extend width. Default:false
$full-width,
// We can set $disabled:true to create a disabled transparent button. Default:false
$disabled
);

但是我的编译器抱怨mixin只需要4个参数。我可以提出四个论点，但没有一个能采取我所期望的行动。

Answer 1

尝试将参数作为命名参数传递给@include()。像这样：

@include button($padding: 4px, $bg: #1a1a1a, $radius: 3px, $full-width: false);

此外，参数名称将取决于您使用的Foundation版本。您的示例表明您正在使用Foundation 5。Foundation 6使用不同的参数名称。