Mixin不输出@each函数

时间:2018-07-18 13:40:33

标签: sass

我正在尝试@each,它在没有@mixin的情况下可以正常工作,但是当我使用@mixin使其灵活时,它不会输出任何内容。我不知道自己想念什么?

$buttons : (
    default : $color-primary,
    success : #63cc82,
    error   : #e4757e,
    warning : #fd7856,
    info    : #927bc1,
)

mixin

@mixin themes($map){
    @each $button, $color in $map {
        &--#{$button}{
            background:$color;
        }
    }
}

我这样称呼

@include themes(buttons)

1 个答案:

答案 0 :(得分:1)

您需要像这样传递变量作为地图:

@include themes($buttons)