css - COMPASS/SASS 如何将变量插入到@import "sprite/*.png" 路径？

Question

我在自己的（某种）SASS/COMPASS“框架”上工作。

我设置了一个变量 - $sprite - 这是存储所有图像的文件夹的名称。

我这样做是为了以后我可以使用该名称来替换图像混合和精灵生成。

如果 @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

恐怕目前这根本不可能（并且永远不会像steveax 发布的问题那样）。如果你真的想要这个，你必须编写自己的小预处理器来解析你的变量，然后将它输出到一个 .sass/.scss 文件。或者，提交功能请求...