Sass et Compass
PREPROCESSEURS CSS
SASS et LESS sont tous les 2 des préprocesseurs CSS
Objectif : amélioration du code CSS plus rapide
SASS (preprocesseur)
SASS (syntically awesome style sheets) possede 2 syntaxe :
La syntaxe indentée proche du haml (pas pratique)
Et la syntaxe SCSS proche du CSS
http://www.grafikart.fr/formations/sass-compass/install-geek
pour installer sass (pas besoin de fichier.exe), il faut installer d abord rubyinstaller.org
sur cmd : ruby –help : toutes les commandes et options
et maintenant pour installer sass (pas besoin de fichier.exe),:
sur cmd : gem ruby install
SASS peut être amélioré par compass (framework css)
LESS (preprocesseur)
LESS permet de faire des mixins CSS
less peut etre amélioré par compass aussi
après pour bien gérer l’ensemble des feuilles css, ya les recommandations SMACSS
Installation de SASS :
Déjà pour installer SASS, il faut installer RubyInstaller
Et ensuite, je peux installer SASS avec le terminal en tapant une commande
Installation de sass
$ Gem install sass
$ Sass –help
Installation de compass
$ Gem install compass
$ Compass –help
Pour compiler sass
$ Sass –watch sass :css (compiler les fichiers du dossier sass dans le dossier css)
Le fichier config.rgb : remplacer stylesheets par css
Pour compiler compass
$ Compass init (créer tous les fichiers d initialisation)
$ Compass watch (faire cette commande et tout de suis après inclure : @import « compass » ; et @include box-shadow
Laisser un commentaire