Introduction à SCSS, Compass et Foundation

Presenter Notes

../_statics/emencia.png
Auteur:David Thenon <dthenon@emencia.com>
Société:Emencia
Date:15/10/2014
Version:1.0

Presenter Notes

../_statics/sass.png

Une extension de CSS

Presenter Notes

SCSS est une syntaxe du projet SASS

La première syntaxe historique est SASS, SCSS en est une amélioration.

SCSS est une extension de la syntaxe CSS pour y apporter des fonctionnalités supplémentaires.

Clarification

  • SCSS ne peut être lu par un navigateur;
  • SCSS sert à produire des fichiers CSS valides;
  • On produit ces fichiers CSS en compilant leur sources SCSS;

Presenter Notes

Avantages de SCSS

  • Gestion intelligente des sources pour une organisation optimale;
  • Accepte l'imbrication de sélécteurs;
  • Gère les variables;
  • Gère les fonctions (appelés ici des mixins) pour ranger son code et éviter la répétition;
  • Dispose d'instructions de conditions;
  • Dispose d'instructions de boucles;
  • Gère des opérateurs de calcul;

Presenter Notes

C'est cela, oui..