Sass içindeki kök üst seçici nasıl değiştirilir?

Question

Ebeveyn seçim zincirinin kök öğesini nasıl değiştirebilirim? Kök elemanı (hatta inci elemanını) hedef ...

=prepend($prefix) 
    @at-root .#{$prefix}#{&} // note there is no dot (.) separating it 
    @content 

.foo 
    .bar 
    +prepend(baz) 
     background: red  

ve

.baz.foo .bar { 
    background: red; 
} 

veya daha iyi dönüş ... Bir şey gibi açık bir şekilde (küstahlık 3.3.x kullanarak)?

Answer 1

=prepend($prefix) 
    &.#{$prefix} 
    @content 

.foo 
    +prepend("baz") 
    .bar 
     background: red 

İade bu: Doğru yolda

.foo.baz .bar { 
    background: red; 
} 

?