This Documentation is Moved!

This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/

Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

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

9.4 Condensed Session

Condensed Sessions are used for listing designs that are not full featured.

Sub.ActionButtons - Watch Button
Sub Components in Design:
    Data.Session.ID - Session ID Data.Session.Title - Session Title Data.Agenda.LiveTime - Live Time
    Data Elements:

      Example s

      Default styling

      3652 Cardiovascular Update for the Clinician III

      @ 11:15 a.m. – 11:15 a.m. EDT

      .p_4.bg_black-1.shadow_emboss-light.br_radius.br_1.br_solid.br_black-3

      embossed background

      3652 Cardiovascular Update for the Clinician III

      @ 11:15 a.m. – 11:15 a.m. EDT
      <article class="[modifier] flex_column flex gap_3">
<header>
    <h3 class="font_display m-b_3 lh_2 c_primary-n2 font_2 m_0">
        <strong class="font_bold font-size_down-2 p-r_3 block uppercase c_black-6">3652</strong>
        <span class="block font_display lh_2 font-size_up-1">
            Cardiovascular Update for the Clinician III        </span>
    </h3>
</header>
<div class="font_0 font_ui c_accent-n1">@ 11:15 a.m. – 11:15 a.m. <abbr title="EASTERN TIME, UTC -4">EDT</abbr></div>
<aside class="flex flex_none flex_column gap-y_3 m-x_auto:md  max-w_30:md w_100">
    <a href="#" aria-label="navigate to" class="btn btn-outline-primary flex_auto">Watch</a>
</aside>
</article>
      Copy Code