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

Example s

Default styling

Pepper H. Soda III, MD, FACC
Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
New York, NY, USA

flex_column

The stacked version of the awardee.

Pepper H. Soda III, MD, FACC
Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
New York, NY, USA
<div data-name="awardee" class="[modifier] flex gap_4 w_100 self_center items_center">
	<div data-name="awardee__image" class="br_solid br_black-3 br_1 overflow_hidden w_100 max-w_15">
		<div class="aspect_1x1 w_100 grid text_center items_center justify_center bg_black-3 c_black-3 font_10" data-name="awardee__no_image">
		<span class="fa-stack"> <i class="fa-user fas fa-stack-2x"></i> <i style="font-size: 70%;top: 25%;" class="fa-medal fas fa-stack-1x"></i></span>
		</div>	</div>
	<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
		<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
			Pepper H. Soda III, MD, FACC		</div>
		<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
			Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
		<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
			New York, NY, USA		</div>
	</div>
</div>
Copy Code