Est-il un moyen de mettre en commun le chemin de l'image pour les MOINS de fichiers?
Je suis en utilisant le MOINS langage de style.
Considérer le code CSS suivant:
.side-bg
{
background:url(../img/layout/side-bg.jpg) top no-repeat;
}
Droit maintenant, toutes mes images sont dans le dossier ../img/
je voulais être en mesure de définir une variable comme le chemin de l'image et de l'utiliser comme ceci:
@image-path: ../img;
.side-bg
{
background:url(@image-path/layout/side-bg.jpg) top no-repeat;
}
Cela ne fonctionne pas, cependant. Ce n'est pas une affaire énorme, je pourrais toujours utiliser rechercher et remplacer si le dossier de l'image a jamais changé. Je commence tout juste à apprendre de moins en MOINS et je me demandais si quelque chose comme cela est possible.
Vous devez vous connecter pour publier un commentaire.
Essayez d'utiliser de la chaîne d'interpolation pour des choses comme cela. Recherchez “interpolation de variable” dans docs.
La solution:
J'étais à la recherche pour la même question et trouvé cette page. Pensé que je pourrais poster ma solution que quelqu'un d'autre pourrait trouver utile...
qui compile (utilisé http://winless.org/online-less-compiler)
Anton Strogonoff de réponse est bonne, mais être conscient de la Question @294:
À l'aide de la qui vient tout droit de la docs, je reçois
url://pathtolessfile/variable
que j'ai défini. Même si je suis en train de définir une URL absolue au lieu d'un rapport. Par exemple cela fonctionneMais cela ne fonctionne pas
Dans le dernier exemple, mon dernier chemin de la source devient
$base-url: "http://localhost/ns/assets/images";
Ici est une mise à jour et propre façon de gérer les chemins des images avec MOINS:
Commencer avec votre variable:
Puis l'utiliser comme ceci:
Assurez-vous que le
@imagePath
variable pointe vers le dossier images partir de l'endroit où vous avez votre compilé CSS, non PAS à partir d'où vous avez MOINS de fichiers. Aussi, vous avez pour échapper à l'adresse de la variable, comme dans l'exemple ci-dessus pour s'assurer qu'il n'obtient pas réécrit par less.js.Url relatives peuvent être traitées par le compilateur en ligne de commande, soi-disant. Il y a probablement d'une même option, vous pouvez définir dans le fichier de l'observateur.
https://github.com/cloudhead/less.js/wiki/Command-Line-Usage
EDIT: Il est totalement. Il suffit de regarder: http://lesscss.org/usage/#command-line-usage-options