@at-root изымает одно или несколько правил из родительского селектора в корневой уровень документа. Такой способ можно использовать с селекторами первого уровня вложения:

.parent {
  ...
  @at-root .child { ... }
}

из чего получим

.parent { ... }
.child { ... }

Также этот способ может быть использован с несколькими селекторами:

.parent {
  ...
  @at-root {
    .child1 { ... }
    .child2 { ... }
  }
  .step-child { ... }
}

компилируется в

.parent { ... }
.child1 { ... }
.child2 { ... }
.parent .step-child { ... }

На сайте функционирует система проверки ошибок. Обнаружив неточность в тексте, выделите ее и нажмите Ctrl + Enter. Также отправить оповещение об ошибке можно, нажав на эту ссылку.