COMPASS / SASS comment interpoler une variable dans le chemin @import “sprite / *. Png”? - css, sass, boussole-sass

Je travaille sur un "cadre" SASS / COMPASS de mon genre (genre de).

J'ai défini une variable - $ sprite - qui est le nom du dossier dans lequel toutes les images sont stockées.

Je le fais de cette façon afin que je puisse plus tard utiliser ce nom pour la génération de remplacement avec image-mixin et les images-objets.

Tout serait formidable si @import "# {$ sprite} / *. Png" fonctionnait.

Des idées?

    //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*

Réponses:

Je crains que ce ne soit tout simplement pas possible pour le moment (et ne sera jamais comme il a l'air de le problème que steveax a posté). Si vous le souhaitez vraiment, vous devez écrire votre propre petit préprocesseur qui résout votre variable, puis le sortie dans un fichier .sass / .scss. Vous pouvez également envoyer une demande de fonctionnalité ...