sass 包含 mixin 作为参数

Question

我想对 sass mixins 进行参数化，使其扩展为其他 mixin 作为参数传递的扩展名。

@mixin c(){color:red}

@mixin view($param){*{@include #{$param}}}

div{@include view}

我尝试过的第二行及其变体不起作用，我还没有找到任何方法将变量传递到@include 子句中

Answer 1

你可以尝试在mixin里面添加一些条件：

@mixin test1(){
  color: red;
}

@mixin test2(){
  color: blue;
}

@mixin view($param){
  .test{
    @if $param == 'test1'{
      @include test1();
    }

    @if $param == 'test2'{
      @include test2();
    }
  }
}

div{
  @include view(test1);
}