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