Moins CSS variable d'URL affiche toujours le serveur de base de l'URL avant de variable de sortie

Considérer la présente MOINS de code:

#login-form-submit {
    @base-url: "/webshop/rsc/img";
    background-image: url("@{base-url}/icons/login.png");
}

La sortie de CSS est:

#login-form-submit {
    background-image: url("http://localhost:8080/webshop/rsc/css/specific//webshop/rsc/img/icons/login.png"); 
}

Quelqu'un sait pourquoi ce qui se passe? Si j'abandonne la variable et de l'utilisation de la chaîne directement, le CSS des résultats comme prévu. (Sans l'URL complète.)

Le serveur, c'est en cours d'exécution sur jBoss EAP 5.

Qu'advient-il si vous faites, il est un chemin relatif? background-image: url("../../@{base-url}/icons/login.png"); ou quelque chose comme ça.
êtes-vous à l'aide de less.js côté serveur ou êtes-vous de la compilation avec quelque chose comme de moins en moins.app ou codekit? Si less.js, quelle version utilisez-vous? J'ai couru votre moins au-dessus de grâce à le moins.app compilateur et il en est sorti sans l'hôte local URL. Pas sûr, mais il peut avoir à faire avec l'environnement de votre serveur.
Toutes mes excuses pour la réponse tardive, je n'arrivais pas à réaliser une observation avait été faite... Matt, les chemins relatifs, beau travail, mais ne sont pas une solution évolutive sur ce projet. Jonathan, je suis en utilisant le script côté client (1.1.3) dans cet exemple, bien que ce sera établie côté serveur en production. Je pense que c'est une configuration de serveur. Peut-être que j'ai besoin de poser quelques jBoss experts, avec un plus grand exemple. Merci à vous deux pour votre réponse.
Comme mentionné ci-dessous cela a été corrigé, voir stackoverflow.com/questions/9640080/...

OriginalL'auteur Kieran Hall | 2011-08-11

less

11

Malheureusement, il y a un problème de MOINS, où est l'application de l'URL relative au début si la chaîne commence par une interpolation de variable. Vous pourriez quelque chose comme:
```
#login-form-submit {
  @url: "webshop/rsc/img";
  background-image: url("/@{url}/webshop/rsc/img");
}
```
Pour plus d'info, voir ce problème.

+1 c'est toujours un problème en Moins de 1.3.0
Cela ne fonctionne pas, voir ma réponse ici stackoverflow.com/questions/6294126/...

OriginalL'auteur rcl
1

Cela semble être fixé avec MOINS 1.3.3.

OriginalL'auteur Ross Solomon
0

Jusqu'à ce que ce bug en MOINS est fixe (comme @rcl mentions), une solution de contournement consiste à toujours assumer un chemin absolu pour les médias qui peuvent être servis à partir d'un autre emplacement (disons local serveur de dev, CA en production).
```
background-image: url("http://@{base-url}/icons/login.png");
```
où
```
@base-url: "localhost/static";  /* in dev */
@base-url: "sample.cdn.com";  /* in production */
```
CSS ne devriez pas besoin de connaître les domaines de 🙁

OriginalL'auteur JCotton
0

Il est intéressant de noter que vous pouvez contourner ce problème en compilant le moins (en JavaScript), plutôt que de se reposer sur le navigateur "stylesheet" ou "moins" de l'analyse. Invoquant l'analyseur via JavaScript semble quelque sorte d'éviter complètement le problème.

OriginalL'auteur WraithKenny

Vous devez vous connecter pour publier un commentaire.