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 8844

13.7.1 Aux Session Faculty List

When it is only important to show the credits listed and not the credit values this simple dot pattern is a good solution.

Data.Faculty.FullName - Full Name Data.Faculty.Location - Location
Sub Components in Design:

    Example s

    Default styling

    Role Type 1

    • Marty Little ( New York, NY, USA)
    • Eileen Marvin ( New York, NY, USA)
    • Chelsea Dach DVM ( New York, NY, USA)

    Role Type 2

    • Wm Price( New York, NY, USA)
    • Mrs. Jeffrey Cartwright ( New York, NY, USA)
    • CEmmett Spencer( New York, NY, USA)

    block

    use block on the role type label to stack the faculty names.

    Role Type 1

    • Marty Little ( New York, NY, USA)
    • Eileen Marvin ( New York, NY, USA)
    • Chelsea Dach DVM ( New York, NY, USA)

    Role Type 2

    • Wm Price( New York, NY, USA)
    • Mrs. Jeffrey Cartwright ( New York, NY, USA)
    • CEmmett Spencer( New York, NY, USA)

    inline-block

    use inline-block on the role type label to keep all the faculty in wrapping single line.

    Role Type 1

    • Marty Little ( New York, NY, USA)
    • Eileen Marvin ( New York, NY, USA)
    • Chelsea Dach DVM ( New York, NY, USA)

    Role Type 2

    • Wm Price( New York, NY, USA)
    • Mrs. Jeffrey Cartwright ( New York, NY, USA)
    • CEmmett Spencer( New York, NY, USA)
    <h4 class="font-size_up c_black-6 font_medium capitalize"><i class="fas fa-users p-r_3"></i> Role Type 1</h4>
<div class="p-y_3 br-t_1  br_primary-2 br_solid font-size_down">
<ul class="ul_inline-semicolon font_regular font_copy">
  <li>Marty Little <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
  <li>Eileen Marvin <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
  <li>Chelsea Dach DVM <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
</ul>
</div>
<h4 class="font-size_up c_black-6 font_medium capitalize"><i class="fas fa-users p-r_3"></i> Role Type 2</h4>
<div class="p-y_3 br-t_1  br_primary-2 br_solid font-size_down">
<ul class="ul_inline-semicolon font_regular font_copy">
  <li>Wm Price<span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
  <li>Mrs. Jeffrey Cartwright <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
  <li>CEmmett Spencer<span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
</ul>
</div>
    Copy Code