2013-02-16 12 views
9

私は自分のSASS/COMPASSの "フレームワーク"を扱っています。COMPASS/SASS @import "sprite/*。png"パスに変数を補間する方法は?

すべての画像が保存されているフォルダの名前である変数$ 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* 
+1

コンパス[インポートでの補間のみを非常に狭くサポートしています](https://github.com/nex3/sass/issues/49) – steveax

答えて

3

私は、これは現時点では単純にはできません(と、それはthe issue that steveax postedから見えるようになることはありません)怖いです。本当にこれが必要な場合は、自分の変数を解決する独自の小さなプリプロセッサを作成し、.sass/.scssファイルに出力する必要があります。 Alternavely、機能要求を提出してください...

関連する問題