/ / COMPASS / SASS jak interpolować zmienną do @import "ścieżka sprite / *. Png"? - css, sass, compass-sass

COMPASS / SASS jak interpolować zmienną do @import "ścieżka sprite / *. Png"? - css, sass, compass-sass

Pracuję w ramach "SASS / COMPASS" mojego własnego (rodzaju).

Ustawiam zmienną - $ sprite - która jest nazwą folderu, w którym przechowywane są wszystkie obrazy.

Robię to w ten sposób, więc później mogę użyć tej nazwy do zamiany z obrazem i generowania sprite'ów.

Wszystko byłoby świetnie, gdyby @import "# {$ sprite} / *. Png" działał.

Jakieś pomysły?

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

Odpowiedzi:

3 dla odpowiedzi № 1

Obawiam się, że w tej chwili jest to po prostu niemożliwe (i nigdy nie będzie tak, jak wygląda problem, który steveax opublikował). Jeśli naprawdę tego chcesz, będziesz musiał napisać własny mały preprocesor, który rozwiąże zmienną, a następnie wypisze ją do pliku .sass / .scss. Alternatywnie prześlij żądanie funkcji ...