在Sass中动态构造类名

Question

是否可以在mixin中动态构造类名？

这是我的通话类：

.call-view { @include record-view('call-view'); }

这是我尝试动态创建类：

@mixin record-view($namespace) {
  .$namespace__title {
    @extend %title;
    padding: ($gridsize / 2) $gridsize;
    background: $lightgray;
    border-bottom: 1px solid darken($lightgray, 5%);
  }

  .$namespace__content { padding: $gridsize; }

  footer { @extend %footer; }
}

Answer 1

您需要分隔变量以在类名中使用它。

.#{$namespace}__title