Question

Je suis assez nouveau à Compass, mais je l'ai essayé d'utiliser Compass dans un projet pour générer icône sprites. Voir ce tutoriel:

OMI, le tutoriel est pas tout à fait clair. Pour commencer, le tutoriel vous dit de ne jamais créer le fichier « _icons.scss » qui contient les « all-icon-sprites » mixin.

@import "icon/*.png";
@include all-icon-sprites;

Le résultat de ceci est une erreur:

  • "Erreur de syntaxe:. Undefined mixin 'all-icon-sprites'"

J'ajouté le fichier « _icons.scss » à mon projet, et a changé le code:

@import "icon/*.png";
@import "_icons";
@include all-icon-sprites;

Maintenant, je reçois cette erreur:

  • Erreur de syntaxe: CSS valide après "$ position de suppression": attendu ")", était ": $ icon-suppression -..."
    • sur la ligne 28 de /path/to/_icons.scss

Quelqu'un peut-il me expliquer ce que je fais mal? Ou est le problème en fait avec le fichier « _icons.scss »?

Était-ce utile?

La solution

Le tutoriel ne vous dit pas importer le _icons.scss, car il n'est pas nécessaire. Vous importez soit les fichiers PNG ou le fichier généré - pas les deux. Ils sont les mêmes, sauf si vous importez les fichiers .png, vous finissez par l'importation d'une feuille de style généré qui est tenue à jour automatiquement les fichiers .png changement (renommages, ajoutés, supprimés, etc.).

avez-vous des fichiers .png dans le répertoire / icône?

Pour être honnête, cette erreur est celle que je me attends à voir si la version de la boussole qui est en train de traiter la feuille de style n'est pas celui que vous utilisez sur la ligne de commande. Compilez vous avec des rails ou CLI?

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top