This Documentation is Moved!

This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/

Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/virtual_boot.css, line 9771

4.2.4 Awardee Avatar No Video

When a head shot is missing it should use the avatar.

Example

<div class="aspect_4x3:lg bg_black-3 c_black-3 font_10 font_5 grid items_center justify_center text_center w_100" data-name="awardee__no_video">
	<span class="fa-stack">
		<i class="fas fa-rectangle-landscape fa-stack-2x"></i>
		<i style="font-size: 70%;" class="fa-video-slash fas fa-stack-1x"></i>
	</span>
</div>

<div class="aspect_4x3:lg bg_black-3 c_black-3 font_10 font_5 grid items_center justify_center text_center w_100" data-name="awardee__no_video">
	<span class="fa-stack">
		<i class="fas fa-rectangle-landscape fa-stack-2x"></i>
		<i style="font-size: 70%;" class="fa-video-slash fas fa-stack-1x"></i>
	</span>
</div>

Code Sample

Copy Code