Maîtrisez l’installation de Sass (Syntactically Awesome Stylesheets) , extension de CSS3 vous permettant de créer avec moins d’effort des feuilles de styles Css plus lisibilité et plus maintenables. Découvrez comment les ‘variables’, les ‘règles imbriquées’, les ‘mixins’ de Sass étendent le CSS3.
Objectifs
Installer le moteur Saas
Liens utiles
Programme
Partie 1 : installation Ruby
Partie 2 : téléchargement Sass
Partie 3 : installation Sass
Durée
15 min.
Rappel Sass
Partie 1 : installation Ruby
Par exemple , TELECHARGEZ DIRECTEMENT version 1.9.3
INFO : les versions de RubyInstaller sous Windows sont disponible sur www.rubyinstaller.org/downloads/
Installer l’éxécutable en local (exemple dans d:formationsasscompassoutilsruby)
Lancer l’exécutable
INFO : sélectionnez les options permettant :
— d’ajouter les exécutables ruby (dont ‘gem’) dans le PATH
— d’associer au RubyInstaller les fichiers d’extension .rb
Puis lancez l’installation (Bouton ‘install’).
Lorsqu el’installation est terminée, ouvrir un invite de commande ms-dos et taper ‘gem’.
Ruby est bien installé !
Partie 2 : téléchargement Sass
Aller sur le site de Sass: http://sass-lang.com/
Cliquez sur ‘DOWNLOAD’. L’écran suivanty apparaît
En déduire comment installer Sass.
Partie 3 : installation Sass
Analysez les commandes suivantes :
Expliquez.
Conclusion
Dans ce tutoriel vous avez expérimenté l’installation de Sass, une extension de CSS3.