Principes de fonctionnement

Contextes

Les contenus (pages, actualités…) peuvent être pleine largeur ou non, ce qui change leur mise en page desktop. Chaque bloc fonctionne donc dans 3 formats :

• desktop pleine largeur
• desktop avec barre latérale
• mobile

Par exemple, un bloc chapitre devra s’afficher sur 8 colonnes dans une page pleine largeur, et sur toute la largeur disponible dans une page contenant un aside.

Lorsque la page est en pleine largeur, le body est doté de la classe full-width.

Les mixins suivants permettent d’adresser les contextes différents :

• @include in-page-without-sidebar ou @include full-page pour les pages pleine largeur
• @include in-page-with-sidebar ou @include not-full-page pour les pages avec barre latérale
• @include in-page-with-or-without-sidebarpour adresser les 2 cas (TODO expliquer pourquoi ça et pas rien ?)

Titres

Tous les titres sont balisés par défaut en h2. En revanche, dans les programmes, les blocs s’intègrent dans la partie présentation, comme des sous-parties. Il faut donc baliser les titres en h3.

Afin d’obtenir ce comportement, l’idée est de pouvoir passer un niveau (level) en contexte aux blocs, qui est par défaut à 1. Quand le niveau est 1, les titres sont des h2, et les sous-titres des h3 (par exemple dans les timelines ou dans les listes de personnes). Quand le même bloc est dans un programme, le niveau est 2 donc les titres sont des h3 et les sous-titres des h4.

Cas particuliers :

• en desktop pleine page, tous les titres sont stylisés comme des sections (h5)
• dans le block pages, les titres stylisés en h5 en mobile, car ils sont suivis d’un texte stylisé en h2

Données

Les attributs dans le YAML utilisent des types.