SASS Mixin Rewrite & (kaufmännisches Und)

Question

Ich versuche, ein Mixin zu schreiben, das den Elternselektor bei der Ausgabe ändern wird. Die Idee ist, dass in den Fällen, in denen ein Mix-In aufgerufen wird, der Parent-Selector einen String-Ersatz durchführen muss. Ich habe am meisten funktioniert, aber ich kann nicht herausfinden, wie man die & schlucken.

.test { 
    @include alt_parent() { 
    content: 'test'; 
    } 
} 

Die mixin ist so etwas wie dieses:

@mixin alt_parent() { 
    #{str-replace(unquote("#{selector_append(&)}"), "s", "x")} { 
    @content; 
    } 
} 

ich den String Ersatzarbeits haben, so dass nicht das Problem ist. Was ich bekommen, ist dies (und ich verstehe, warum):

.test .text { 
    content: 'test'; 
} 

Was ich will, ist dies:

.text { 
    content: 'test'; 
} 

Answer 1

Sie haben die @at-root Richtlinie verwenden, um die automatische Aufnahme der Wähler durch & vertreten zu besiegen .

http://alwaystwisted.com/articles/2014-03-08-using-sass-33s-at-root-for-piece-of-mind

@mixin alt_parent($parent) { 
    @at-root { 
     #{str-replace(unquote("#{selector_append(&)}"), "s", "x")} { 
      @content; 
     } 
    } 
}