7-1 Pattern

Definition

Architecture de fichiers Sass en 7 dossiers (abstracts, base, components, layout, pages, themes, vendors) et 1 fichier main.scss qui les importe tous.

Analogie

Un classeur avec 7 intercalaires et une table des matieres : tout est range et facile a trouver.

Exemple de code

sass/
  abstracts/  (_variables, _mixins, _functions)
  base/       (_reset, _typography)
  components/ (_button, _card, _modal)
  layout/     (_header, _footer, _grid)
  pages/      (_home, _about)
  themes/     (_dark, _light)
  vendors/    (_bootstrap)
  main.scss   (importe tout)

Cas d'usage

Organiser un projet CSS moyen/grand pour que chaque developpeur sache ou trouver et ajouter du code.

Termes lies