【Sass】@at-rootメモ

@at-rootをつけたセレクタは、そのままグローバルなところに展開されます。

.container {
  .row {
    @at-root .red {
      color: red;
    }
  }
}

展開されるCSS

.container .row {}
.red {
  color: red;
}