COMPASS/SASS 변수를 @import "sprite/*. png"경로에 보간하는 방법은 무엇입니까?

Question

저는 제 자신의 SASS/COMPASS "프레임 워크"에서 일합니다.

모든 이미지가 저장된 폴더의 이름 인 $ sprite라는 변수를 설정했습니다.

이렇게하면 나중에 이미지 대체 및 스프라이트 생성에 replace-with-image-mixin을 사용할 수 있습니다.

@import "# {$ sprite}/*. png"가 작동하면 모든 것이 잘 될 것입니다.

아이디어가 있으십니까?

//sprite images folder name 
     $sprite: "sprite"; 

    //settings 
     $sprite-sprite-base-class: ".#{$sprite}" - *works*; 
     $sprite-spacing: 20px; 
     $sprite-sprite-dimensions: true; 

    //generate sprite 
     @import "sprite/*.png"; - normal path - *works* 
     @import "#{$sprite}/*.png" - path with a variable in it - *doesn't work* 

    //mixin   
     @mixin replace-with-image($imageName){ 
      @include replace-text-with-dimensions("#{$sprite}/#{$imageName}.png"); 
      @extend %dis-ib; 
     } - *works* 

Answer 1

나는이 순간에 단순히 수 없습니다 두려워 (그리고 the issue that steveax posted에서 보이는 없을 것). 정말로 이것을 원한다면 변수를 해결하는 자신의 작은 전 처리기를 작성한 다음 .sass/.scss 파일로 출력해야합니다. Alternitavely, 기능 요청을 제출하십시오 ...