Source: dist/css/virtual_boot.css, line 9891
4.2.2.1 Awardee Standard with Avatar
The base DOM and Data that represent an awardee. Head shots images are maxed at 240px 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 9891
The base DOM and Data that represent an awardee. Head shots images are maxed at 240px 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_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>