Créez votre premier projet compass. Découvrez l’arborescence du projet. Mettez en évidence quelques fonction utilitaires fournies par compass. Compilez enfin votre projet compass. Analysez le css généré.
Objectifs
Créer un projet Compass
Analyser l’arborescence d’un projet Compass
Liens utiles
Programme
Partie 1 : création projet compass
Partie 2 : analyse projet Compass
Durée
15 min.
Partie 1 : création projet Compass
Lancez en ligne de commande : compass create monprojetcompass
Partie 2 : analyse projet Compass
REMARQUE 1 : notez la présence d’un fichier Ruby à la racine du projet
REMARQUE 2 : notez l’extension ‘SCSS’ des fichiers du sous-répertoire ‘sass’
REMARQUE 3 : notez l’extension ‘CSS’ des fichiers du sous-répertoire ‘stylesheet’
REMARQUE 4 : notez le nom des fichiers des sous-répertoires ‘sass’ et ‘stylesheet’ : ie, print, screen.
Que vous évoquent ces noms ?
Expliquez le lien entre print.scss et print.css
Partie 2 : analyse projet Compass
Analysez l’image suivante.
Expliquez.
Analysez les commandes suivantes.
Expliquez
Conclusion
Dans ce tutoriel vous avez expérimenté la création d’un projet Compass.