SASS Mixin Rewrite & (앰퍼샌드)

Question

출력시 부모 선택기를 수정할 mixin을 쓰려고합니다. 생각은 믹스 인이 불려지는 경우, 부모 셀렉터는 문자열 치환이 필요합니다. 나는이 일의 대부분을 가지고 있지만, 나는 &을 삼키는 방법을 알아낼 수 없다. 그래도 문제가되지 않도록,

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

내가 문자열 교체 작업이 있습니다

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

믹스 인이 같은 것입니다. 내가 얻을 것은이 (그리고 그 이유를 이해할 수) :

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

는 내가 원하는 것은 이것이다 :

.text { 
    content: 'test'; 
} 

Answer 1

당신은 &으로 표시 선택기의 자동 포함을 격파하기 위해 @at-root 지시어를 사용해야 .

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