Masz zmienną w ścieżce obrazów w Sassie?

Question

Chcę mieć jedną zmienną, która zawiera ścieżkę główną do wszystkich moich obrazów w moim pliku CSS. Nie wiem, czy jest to możliwe w czystym Sassie (rzeczywisty projekt sieciowy nie jest RoR, więc nie może używać asset_pipeline ani żadnego z tego fantazyjnego jazzu).

Oto mój przykład, który nie działa. W trakcie kompilacji buforuje pierwszą instancję zmiennej w opisie właściwości adresu URL w tle ("Invalid CSS after "..site/background": expected ")").

Definiowanie funkcji, aby powrócić na ścieżkę:

//Vars 
$assetPath : "/assets/images"; 

//Functions 
@function get-path-to-assets($assetPath){ 
    @return $assetPath; 
} 

Użycie funkcji:

body { 
    margin: 0 auto; 
    background: url($get-path-to-assets/site/background.jpg) repeat-x fixed 0 0; 
    width: 100%; } 

Każda pomoc będzie mile widziane.

Answer 1

Czy wypróbowałeś składnię Interpolation?

background: url(#{$get-path-to-assets}/site/background.jpg) repeat-x fixed 0 0; 

Answer 2

Nie potrzeba funkcji:

$assetPath : "/assets/images"; 

... 

body { 
    margin: 0 auto; 
    background: url(#{$assetPath}/site/background.jpg) repeat-x fixed 0 0; 
    width: 100%; } 

Zobacz interpolation docs szczegóły.

Answer 3

szukał wokół na odpowiedź na to samo pytanie, ale myślę, że znalazłem lepsze rozwiązanie: http://blog.grayghostvisuals.com/compass/image-url/

Zasadniczo można ustawić ścieżkę obrazu w config.rb i użyć obrazu URL() pomocnik