MOINS CSS et RetinaJS erreur

Question

Je suis en train de faire une image d'arrière-plan dans une image de la rétine en utilisant LESS CSS et RetinaJs:

Comme suggéré dans le guide de l'utilisateur RetinaJS, j'ai inclus un fichier retina.less avec le contenu suivant:

.at2x(@path, @w: auto, @h: auto) { 
    background-image: url(@path); 
    @at2x_path: ~`"@{path}".split('.').slice(0, "@{path}".split('.').length - 1).join(".") + "@2x" + "." + "@{path}".split('.')["@{path}".split('.').length - 1]`; 

    @media all and (-webkit-min-device-pixel-ratio : 1.5) { 
    background-image: url(@at2x_path); 
    background-size: @w @h; 
    } 
} 


.topMenu { 
    .at2x("../../resources/img/topMenuTitle.png"); 
} 

Lorsque je teste sur Firefox i obtenir l'erreur:

b.value in undefined 
in retina.less 
@xxxxxxxxxx/resources/js/less-1.3.min.js:8 
t@xxxxxxxxxx/resources/js/less-1.3.min.js:8 
[...etc...] 

Dans Safari (iPhone 4) J'ai:

'undefined' is not an object 
in retina.less on line null, column 0: 
NaN background-image: url(@path); 

Je possède topMenuTitle.png (320px x 40px) et topMenuTitle@2x.png (640px x 80px) dans le même dossier.

Une idée de ce qui pourrait être le problème?

Answer 1

J'ai trouvé la solution

background-image: url(@path); ---> background-image: url("@{path}"); 

background-image: url(@at2x_path); ---> background-image: url("@{at2x_path}"); 

.at2x("../../resources/img/topMenuTitle.png"); ---> .at2x('../../resources/img/topMenuTitle.png'); 

J'espère que cela aide quelqu'un

Answer 2

Peut-être que je l'ai fait quelque chose de mal, mais les instructions ci-dessus ne fonctionne pas pour moi. J'ai trouvé la mise à jour de la dernière branche de retina.less a fait l'affaire. MAIS PAS du site principal, je veux dire la version de Github. https://github.com/imulus/retinajs/blob/master/src/retina.less