Sélection de la langue

Recherche


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.

Voir l'ensemble des fonctionnalités provisoires.

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 :