Source: dist/css/virtual_boot.css, line 9924
4.2.5 Awardee Condensed
The base DOM and Data that represent an awardee. Head shots images are maxed at 160px 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 9924
The base DOM and Data that represent an awardee. Head shots images are maxed at 160px wide.
The stacked version of the awardee.
<div data-name="awardee" class="[modifier] flex gap_3 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_10">
<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>