est-il possible d'utiliser moins de variables dans les commentaires CSS pour les mixes? J'ai besoin de cela pour la source.
Par exemple (ne fonctionne pas / Seule le chemin de l'image est remplacé): P>
.sprite (@width) {
/** sprite: sprite-@{width}; sprite-image: url('../img/@{width}/sprite-@{width}.png'); sprite-layout: vertical */
.picture {
background-image: url('../img/@{width}/picture.png'); /** sprite-ref: sprite-@{width}; */
}
}
.sprite(800);
3 Réponses :
Non, vous ne pouvez pas faire de variables dans des commentaires.
Qu'en est-il de l'ajout d'une propriété 'commentaire' ignorée par des navigateurs.
Vous pouvez essayer d'utiliser une chaîne évasée, par exemple < Pré> xxx
mais il produit 2 points-virgules (CSS valides) et est assez hacky.
arrière-plan-image: ~ "URL ('../ img/@{width}/picture.png'); / ** Sprite-ref: Sprite - @ {largeur}; * /"; genre de travaux. Mais maintenant, j'ai des problèmes avec le chemin relatif. L'image ne se charge pas tout en utilisant l'analyseur de CLIDESIDE moins.JS.
Je suis tombé sur cette question parce que je voulais avoir des commentaires sémantiques automatisés qui sont introduits dans Kentico (A.NET CMS). Parce que la réponse acceptée semblait un peu insatisfaisante, j'ai essayé quelques petites choses et réussi à produire une meilleure solution. Peut-être que cela est dû à des modifications de la syntaxe moins de la syntaxe depuis ... la sortie est alors: p> @{start} @{A} @{sep} @{X-1} @{end} @{nl}
Créer un fichier et nom informatique à la fin, vous obtiendrez quelque chose comme ceci: start-commentaire.css , à l'intérieur du fichier Ajouter exactement ce contenu / * , puis créer Un autre fichier fin-commention.css , à l'intérieur, ajoutez uniquement ce * / et créer un autre fichier EG- description.txt là, ajouter Tout le contenu que vous souhaitez dans le commentaire, maintenant dans votre fichier .less ajoutez le code suivant:
Pourquoi faire ceci? Les commentaires du code sont d'aider le développeur, donc pas besoin de les rendre de manière dynamique. Même, il est conseillé de supprimer le code inutile (commentaires, pauses de ligne, etc.) pour réduire la taille du fichier.
Les commentaires sont des directives Sprite pour l'analyseur Sprite. Ils sont nécessaires pour créer des sprites dans la feuille de style de manière dynamique. SmartSprites
Moins de support est prévu pour la prochaine version. Voir le UserVoice idée.