Définir une norme de codage pour le nom des classes CSS

[alecarn]

Pour éviter les collisions entre le style applicatif et ceux de la bibliothèque, on pourrait définir une nomenclature pour la définition des noms de classe pour la librairie. On pourrait créer un début de document pour les normes de codage: "CODING_STANDARDS.md" voir l'exemple de @angular/components

Par exemple, Angular Material utilise la mnémonique de la librairie suivi du namespace de la composante en prefix au classe. Pour nous, la mnémonique serait sdg et suivi du namespace de la composante: sdg-NAMESPACE-DESCRIPTION

Exemple pour le HeaderComponent:

/** Do: */
<div class="sdg-header-container" [class.--handset]="isHandset()">
  <div class="sdg-header-content">...</div>
</div>

/** Don't: */
<div class="container" [class.--handset]="isHandset()">
  <div class="header-content">...</div>
</div>

[pelord]

très bonne idée!

[LAMM26]

Déja appliqué dans quelques composants, va être ajusté en cours de route pour les autres déjà présents et les nouveaux.