mixinの引数でクラスを指定したい場合

Question

sassで@at-rootを使用したmixinを作りたいのですが、下記のように引数にクラスやIDを指定した場合、**.foo**のようにクラスの記号含むとコンパイルエラーになります。

どのように記述すれば**.foo**でもコンパイルされるでしょうか？

**#bar**はエラーにならないが__.foo__でエラーになる

@mixin at-root($class) {
  @at-root #{$class} #{&} {
    @content;
  }
}

@include at-root(.foo) {....}

__foo__だけにすればエラーにならないが、クラスしか指定できない。idも指定したい。

@mixin at-root($class) {
  @at-root .#{$class} #{&} {
    @content;
  }
}

@include at-root(foo) {....}

Answer 1

@mixin at-root($class) {
  @at-root #{$class} #{&} {
    @content;
  }
}

@include at-root('.foo') {....}
@include at-root('#foo') {....}