9

私は自分の（一種の）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*
4

1 に答える 1

3

現時点ではこれは不可能だと思います（そして、steveaxが投稿した問題から見た場合は決して不可能です）。これが本当に必要な場合は、変数を解決する独自の小さなプリプロセッサを作成して、それを.sass/.scssファイルに出力する必要があります。または、機能リクエストを送信してください...

于 2013-02-17T12:13:45.723 に答える