haut

Description (Description)

Une description est un texte, assez court, servant à décrire succinctement un sujet.

Usage

La description accompagne généralement un objet d’identification, comme une fiche personne, une rubrique…

Style & code

Dépendances :

  • Classe sipaui sur un parent (par exemple le <body>).

Standard

Utilisez la classe su-description sur un paragraphe <p>, ou sur un parent si la description doit pouvoir contenir plusieurs paragraphes.

<p class="su-description">Aenean eu leo quam pellentesque ornare sem lacinia quam venenatis vestibulum</p>
<hr />
<div class="su-description">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

Sur fond sombre

SI votre description doit être sur un fond foncé, utilisez la classe su-negative sur un parent ou sur elle-même.

<p class="su-description su-negative">Aenean eu leo quam pellentesque ornare sem lacinia quam venenatis vestibulum</p>
<hr />
<div class="su-negative">
    <p class="su-description">Aenean eu leo quam pellentesque ornare sem lacinia quam venenatis vestibulum</p>
</div>

Liste des classes disponibles

  • su-description
  • su-negative

Le code a bien été copié !