Source: dist/css/virtual_boot.css, line 9792
4.2.1 Awardee Premium
The base DOM and Data that represent an awardee. Head shots images are maxed at 350px wide.
This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/
Source: dist/css/virtual_boot.css, line 9792
The base DOM and Data that represent an awardee. Head shots images are maxed at 350px wide.
The stacked version of the awardee.
<div data-name="awardee" class="[modifier] flex gap_4 w_100 self_center items_center">
<div data-name="awardee__image" class="br_round br_solid br_black-3 br_1 overflow_hidden shadow_bevel-light max-w_20">
<img
class="aspect_1x1 w_100"
src="https://i.pravatar.cc/300"
alt="Pepper H. Soda III, MD, FACC"
/> </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>