Développer votre propre librairie CSS

Préalable et avertissement

En parallèle des différentes séances, vous devez intégrer les différents point développés pour construire votre propre framework CSS.
Vous devrez utiliser cette librairie pour l'atelier, et donc pour votre évaluation. Il est donc important pour vous de bien la construire et la connaître. Vous devrez en particulier avoir des exemples de chacunes de ses fonctionnalités à votre disposition. Le tout devant être valide.

Un peu de scss

A l'aide de saas, et pour progresser en scss, transformer votre librairie pour qu'elle soit plus évolutive et maintenable :
  • Découper l'ensemble de votre framework en plusieurs fichiers:
    • un fichier contenant les règles typos de base,
    • un fichier pour les boutons,
    • un fichier pour les alertes,
    • un fichier pour les «composants» : header, jumbotron ...
    • un fichier pour rassembler le tout
  • Ajouter des variables qui définissent les caractéristiques de ces objets :
    • taille et couleur des boutons,
    • couleur des différents types d'alertes,
    • taille des textes et couleurs dans les composants,
  • Organiser vos définitions typographiques en vous inspirant de l'exemple du cours et de cet article ; il faudra cependant conserver une mise en forme des éléments par défaut, sans besoin d'utiliser de classes.