SASS et Compass.

SASS, installation.

Sass étant basé sur ruby, il faut l'installer. Il existe aussi une librairie libSASS qui permet de l'utiliser avec d'autres langages de programmation (Python, JavaScript, Node PHP entre autre). Il existe des framework utilisant SASS, comme Compass qui est est un framework CSS. Une fois ruby installé, il suffit d'executer: # gem install sass

Rien de plus n'est nécessaire et les commandes SASS fonctionnent parfaitement. Il est possible de convertir des fichiers CSS en Sass (syntaxe originale) ou en SCSS de cette manière:

sass-convert example.css example.sass
sass-convert example.css example.scss

Tout code écrit avec des règles CSS fonctionne également sous SCSS. Pour compiler un fichier .sass ou .scss :

$ sass test. scss style.css

Pour ne pas compiler à chaque fois un fichier .sass ou .scss, SASS peut surveiller le dossier où se trouvent les fichiers et les compiler à chaque nouvel enregistrement. Pour cela:

dossiersources/sass:dossierdestination/css


Compass, installation.

Il faut installer ruby, puis SASS et enfin Compass.

$ gem install sass
$ gem install compass

Compass va générer différents fichiers par la suite. Donc, en premier lieu, il faut lui créer un repértoire:

$ cd /home/public_html
$ compass create mon_dossier

Une fois cela fait, Compass va générer un fichier de configuration 'config.rb', un répertoire des fichiers sources .sass (qui contient screen.scss, print.scss et ie.scss) et un répetoire 'stylesheet' pour les fichiers sources compilés.

Pour complier un fichier:$ compass compile

Et pour lancer automatiquement la compliation:$ compass watch

Pour interrompre la surveillance:crtl+c

Attention ! La syntaxe SCSS est compatible CSS, contrairement à la syntaxe SASS !


Documents et sources

#

Keep and Try it ! Dernière mise à jour: 22/10/2020

Tests effectués sous Firefox 61.0.1 et Midori 0.5.11