Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

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

14.6.4.3 eAbstract

eAbstracts are used in combination with grid templates and dividers.

<article  class="c_black m-b_4 m-b_5:md m-t_0:md m-t_4 m-t_5:lg">
    <div class="br_1 br_radius br_solid br_black-2 flex flex_column flex_column:lg flex_row:md font_ui h:bg_black-2 m-x_n2 relative" style="height: 100%">
        <div class="display_none:lg flex_none justify_center p-l_4:md p-y_3" style="width: 4rem">
            <div class="flex_none m-t_n5 m_auto m_auto:md self_center text_center" style="width: 3rem">
                <div class="pathwayColor{ bg_primary } flex_shrink relative aspect_1x1 shadow_3 text_center texture_ondemand thumb [ bg-blend_multiply bg_center bg_contain bg_no-repeat  ][ br_2 br_black-3 br_radius br_solid ]">
                    <div class="absolute b_0 flex h:opacity justify_center l_0 opacity_7 r_0 self_center t_0 text_center w_100"><em class="absolute c_white-9 fa-user-chart fas flex_auto font_2 self_center text_center w_100"></em></div>
                </div>
            </div>
        </div>
        <div class="block:lg display_none m-t_n5 m-x_5 p-x_5">
            <div class="m-t_n5 m_auto m_auto:md self_center text_center">
                <div class="aspect_21x9 bg-blend_overlay bg_cover bg_no-repeat bg_primary br_2 br_radius br_solid br_black-3 flex_shrink relative shadow_3 texture_ondemand text_center thumb">
                    <div class="absolute b_0 flex h:opacity justify_center l_0 opacity_7 r_0 self_center t_0 text_center w_100"><em class="absolute c_white-9 fa-user-chart fas flex_auto font_5 self_center text_center w_100"></em></div>
                </div>
            </div>
        </div>
        <div class="flex_auto [ c_primary-n4  font_0 font_1:md font_copy font_regular lh_2 ][ p-b_3 p-b_4:md p-l_0:lg p-l_4:md ]">
            <div class="p-t_2 p_4  p-y_0 p-y_3:md p-x_5:lg">
                <a class="expanded-click-area h:undecorated p-b_3" target="_blank" href="/docs/default-source/filesah20/eabstracts/chowdhury-anabolic-androgenic-1130-279.pdf?sfvrsn=2518b85a_2">Anabolic-Androgenic Steroid Abuse: A Potential Cause of Myocardial Infarction in Young Patients</a>
            </div>
        </div>
    </div>
    <div class="c_black flex flex_wrap font_n2 justify_between m-t_2 p-t_2">
        <div class="flex_shrink block  text_left p-r_4 m-r_4 ">
            <a href="#modal-extra" class="block h:underline uppercase" data-remote="https://disclosures.acc.org/Public/AnnualMeetingAppConsol?pid=14617" data-toggle="modal" data-target="#modal-disclosures"><i class="far fa-paperclip"></i> Attachments</a>
        </div>
        <div class="flex_grow m-l_auto">
             <ul class=" gap-x_3 gap-y_3 justify_end:md justify_start self_center ul_inline-pipe uppercase">
               <li class="inline-flex items_center lh_0">
                   <span class="bg_CME br_1 br_black-3 br_circle br_solid  m-r_2" style=" height: 1em; width: 1em;"></span> CME
               </li>  <li class="inline-flex items_center lh_0">
                   <span class="bg_CNE br_1 br_black-3 br_circle br_solid  m-r_2" style=" height: 1em; width: 1em;"></span> CNE
               </li>  <li class="inline-flex items_center lh_0">
                   <span class="bg_COP br_1 br_black-3 br_circle br_solid  m-r_2" style=" height: 1em; width: 1em;"></span> COP
               </li>  <li class="inline-flex items_center lh_0">
                   <span class="bg_MOCII br_1 br_black-3 br_circle br_solid  m-r_2" style=" height: 1em; width: 1em;"></span> MOCII
               </li></ul>        </div>
    </div>
</article>
Copy Code