/ / COMPASS / SASS як інтерполювати змінну до @import шлях "sprite / *. Png"? - css, sass, compass-sass

COMPASS / SASS як інтерполювати змінну до @import шлях "sprite / *. Png"? - css, sass, compass-sass

Я працюю над своєю системою 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*

Відповіді:

3 для відповіді № 1

Я боюся, що наразі це просто неможливо (і ніколи не буде таким, яким він виглядає) питання, яке стетовакс опублікував) Якщо ви дійсно цього хочете, вам доведеться написати свій власний маленький препроцесор, який визначає вашу змінну, після чого виводить його в файл .sass / .scss. Альтернативно, відправте запит на функцію ...