SASS Mixin Rewrite & (ampersand)

Question

J'essaye d'écrire un mixin qui va modifier le sélecteur parent en sortie. L'idée est que dans les cas où un mixin est appelé, le sélecteur parent devra avoir un remplacement de chaîne fait sur lui. J'ai la plupart de ce travail, mais je ne peux pas comprendre comment avaler le &.

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

Le mixin est quelque chose comme ceci:

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

J'ai le travail de remplacement de la chaîne, de sorte que ce n'est pas le problème. Ce que je reçois est ce (et je comprends pourquoi):

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

Ce que je veux est ceci:

.text { 
    content: 'test'; 
} 

Answer 1

Vous devez utiliser la directive @at-root pour vaincre l'inclusion automatique des sélecteurs représentés par & .

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; 
     } 
    } 
}