Boîte grise en gras - CSS provisoire
Fonctionnalité instable
À être utilisé à vos propres risques. Toutes les fonctionnalités décrites ci-dessous pourraient être retirées à n'importe quelle version mineur/majeur ultérieure et l'ensemble des fonctionnalités provisoires sont exclues de l'API publique de GCWeb.
La documentation et/ou les exemples pratiques pourraient être incomplets ou être non disponible.
- Statut
- Provisiore
- Type
- Conception de Canada.ca
- Dernière revue
- 2021-05-25
- Est conforme à
- n/a
- Technical name
well-bold
Objectif
Ceci applique un poid de police de caractère gras à chaque élément de texte à l'intérieur d'un composant boite grise et génère un poid de police de caractère normale lorsque l'élément strong est appliqué.
Exemple pratique
Lien en vedette (Provisiore v1.0)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mi augue, ornare at convallis non, facilisis sit amet diam. Aliquam tristique feugiat tellus.
Ut finibus, arcu id cursus molestie, metus urna posuere dolor, id tempus dui nibh sit amet diam.
Sed egestas mattis turpis in aliquet. Nullam molestie orci ut quam auctor facilisis. Integer sed elit ligula.
- Fusce aliquam nisi turpis, eget commodo lorem ultricies non.
- Vestibulum tincidunt gravida maximus.
- Ut tempor viverra metus, id viverra urna rhoncus mollis.
- Sed non faucibus nisl.
- Suspendisse mi augue.
Code
<section class="provisional well well-bold">
<div class="row">
<section class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mi augue, ornare at convallis non, facilisis sit amet diam. Aliquam tristique feugiat tellus.</p>
<p><strong>Ut finibus, arcu id cursus molestie, metus urna posuere dolor, id tempus dui nibh sit amet diam.</strong></p>
<p>Sed egestas mattis turpis in aliquet. Nullam molestie orci ut quam auctor facilisis. Integer sed elit ligula.</p>
</section>
<section class="col-md-6">
<ul>
<li>Fusce aliquam nisi turpis, eget commodo lorem ultricies non. </li>
<li>Vestibulum tincidunt gravida maximus.</li>
<li>Ut tempor viverra metus, id viverra urna rhoncus mollis.</li>
<li>Sed non faucibus nisl.</li><li>Suspendisse mi augue.</li>
</ul>
</section>
</div>
</section>
Évaluation et rapport
Il n'y a pas d'évaluation et de rapport disponibles pour ce composant.
Détails de la page
- Date de modification :