Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

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

13.14.2 Presentation List Item

When sessions have more then one presentation they are listed in a list. Presentations are colored with bg_white and bg_white-9 to have color differences.

ClassList: Sub.ClassList.Border.BlackTop - Border Top

Sub.FacultyList - Faculty List Sub.ActionButtons.Favorite.Small - Small Action Button
Sub Components in Design:
    Data.Presentation.Title - Title Data.Presentation.LiveTime - Live Time
    Data Elements:

      Example

      Default styling

    • New York Cardiovascular Symposium 2021 Welcome Video and Introduction of Session and Faculty
      • Role Type 1:
      • Pepper H. Soda III, MD, FACC ( New York, NY, USA)
      • Role Type 2:
      • Dianna Denesik III ( New York, NY, USA)
      • Miguel Romaguera ( New York, NY, USA)
      • Jeanette Franecki ( New York, NY, USA)
       11:45 – 11:49 a.m. ET
      • FORMAT:
      This element uses data that has strict data formatting requirements. See the data tab for more information. 
      <li class="br-t_1 br_black-3 br_solid p-x_4 p-y_3 m_0 lh_2 bg_white relative font_ui">
  <div class="float_right inline p_3 m-r_n3 m-t_n3"><a href="#" aria-label="mark as favorite" class="btn btn-secondary btn-sm flex_none a:bg_alert-n2  h:bg_alert-n4 font-size_down-2" ><i class="fas fa-heart"></i></a></div>
  <span data-title="title" class="font-size_up-1 inline font_display lh_2">New York Cardiovascular Symposium 2021 Welcome Video and Introduction of Session and Faculty</span>
  <span class="font-size-down "><ul class="ul_inline-semicolon font_regular font_copy">
  <li class="no-after font_medium c_primary-n1 block w_100 block w_100 font-size_down-1">Role Type 1:</li>
  <li>Pepper H. Soda III, MD, FACC <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
  <li class="no-after font_medium c_primary-n1 block w_100  block w_100 font-size_down-1">Role Type 2:</li>
  <li>Dianna Denesik III <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
  <li>Miguel Romaguera <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
  <li>Jeanette Franecki <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
</ul></span>
  <span class="font-size-down-1 c_accent-n1 font_italic block">11:45 – 11:49 a.m. <abbr title="EASTERN DAYLIGHT TIME, UTC -4">ET</abbr></span>
</li>
      Copy Code