Language selection

Search

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>

Evaluation and report

There is no evaluation and report available for this component.

Report a problem on this page
Please select all that apply:

Thank you for your help!

You will not receive a reply. For enquiries, please contact us.

Date modified: