Well bold - Provisional CSS

Unstable feature

To be used at your own risks. All functionalities described below could be removed in any subsequent minor/major release and are excluded from the GCWeb public API.

Documentation and/or working examples for those features could be incomplete or not available.

See all provisional features.

Status: Provisional
Type: Utility
Last review: 2021-05-25
Conforming to: n/a
Nom technique: well-bold

Purpose

This apply font weight bold to evey text element inside a well component and generates normal font weight when the element strong is applied.

Working example

Well bold (provisional 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>

Language selection

Search