基础按钮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使用不同的参数名称。