SASS wrap mixin添加额外参数
我正在使用一个名为SASS wrap mixin添加额外参数,sass,Sass,我正在使用一个名为按钮的mixin,其签名如下: @mixin button($expand: false, $background: $button-background, $background-hover: $button-background-hover, $color: $button-color, $style: solid) 我想创建一个mixin来包装这个名为size button,它使用一个额
按钮的mixin,其签名如下:
@mixin button($expand: false,
$background: $button-background,
$background-hover: $button-background-hover,
$color: $button-color, $style: solid)
我想创建一个mixin来包装这个名为size button
,它使用一个额外的参数来根据$button size
映射指示按钮的大小
地图如下所示:
$button-sizes: (
tiny: 0.6rem,
small: 0.75rem,
default: 0.9rem,
large: 1.25rem,
);
我希望使用变量参数,这样就不必重新定义按钮
mixin的参数。例如,这是我第一次尝试:
@mixin sized-button($size: default, $buttonArgs...) {
@if (map-has-key($button-sizes, $size)) {
@include button($buttonArgs);
font-size: map-get($button-sizes, $size);
}
@else {
@warn "Invalid button size";
}
}
然而,这样做似乎不起作用。例如,如果我将一个按钮
参数传递给大小按钮
混合,我会得到一个错误:
@include sized-button($size: large, $expand: true);
Mixin sized-button has no parameter named $expand
有可能做我想做的事吗