首页 > 解决方案 > 是否可以在 Sass 中动态调用 mixin?

问题描述

是否可以调用 mixin 做这样的事情?

@mixin font-mixin ($mixinName, $color) {
    @include #{$mixinName};
    color: $color;
}

我的意思是我试过了,它不起作用但是,有没有办法做这样的事情?我想动态调用一个mixin,提供我需要调用的mixin的名称作为另一个mixin的参数,因为它有助于减少我项目中的大量代码

标签: csssassscss-mixins

解决方案


你不能直接这样做,但你可以解决它。你可以做一个 switch 语句:

@mixin breakpoint($mixin) {
  @if $mixin == mixin1 {
    @include mixin1;
  }

  @if $mixin == mixin2 {
    @include mixin2;
  }
}

推荐阅读