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
sipauisur 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" style="background: DimGray; padding: 10px">Aenean eu leo quam pellentesque ornare sem lacinia quam venenatis vestibulum</p>
<hr />
<div class="su-negative">
<p class="su-description" style="background: DimGray; padding: 10px">Aenean eu leo quam pellentesque ornare sem lacinia quam venenatis vestibulum</p>
</div>
Liste des classes disponibles
su-descriptionsu-negative