Éléments de style

Sections

Pour isoler différentes zones d'une page de backoffice.

<div class="section">
<h3>Titre de cette section</h3>
<div>
Contenu de la section. Lorem ipsum dolor sit amet, vivendo insolens ius ad,
et decore similique voluptaria vel. Pro in postulant pertinacia, dicta
doctus platonem pro ad. His at nibh integre officiis. Ad diceret iudicabit
sententiae per. Placerat pertinax eu mei, volumus atomorum cum cu. Fastidii
consequuntur ut his.
</div>
</div>

 

Titre de cette section

Contenu de la section. Lorem ipsum dolor sit amet, vivendo insolens ius ad, et decore similique voluptaria vel. Pro in postulant pertinacia, dicta doctus platonem pro ad. His at nibh integre officiis. Ad diceret iudicabit sententiae per. Placerat pertinax eu mei, volumus atomorum cum cu. Fastidii consequuntur ut his.

En ajoutant la classe "foldable" sur la section, celle-ci gagne de quoi se dé/plier :

<div class="section foldable">
<h3>Titre de cette section</h3>
<div>
Contenu de la section. Lorem ipsum dolor sit amet, vivendo insolens ius ad,
et decore similique voluptaria vel. Pro in postulant pertinacia, dicta
doctus platonem pro ad. His at nibh integre officiis. Ad diceret iudicabit
sententiae per. Placerat pertinax eu mei, volumus atomorum cum cu. Fastidii
consequuntur ut his.
</div>
</div>

Titre de cette section

Contenu de la section. Lorem ipsum dolor sit amet, vivendo insolens ius ad, et decore similique voluptaria vel. Pro in postulant pertinacia, dicta doctus platonem pro ad. His at nibh integre officiis. Ad diceret iudicabit sententiae per. Placerat pertinax eu mei, volumus atomorum cum cu. Fastidii consequuntur ut his.