Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

Example

Default styling

  • Special Category
  • Top Ten 
<div class="c_black-6 inline-flex flex_row items_center justify_start m-t_3 ">
  <ul class="ul_inline-pipe">
    <li class="inline-flex items_center">
      <div class="inline-block isolation_isolate m-x_3 p-t_2 relative">
          <i class="c_accent-n2 fa-bookmark fas font-size_up-2 font_10 relative text-shadow_black-1 z_1"></i>
          <span class="absolute b_0 flex font-size_down-2 font_bold items_center justify_center l_0 r_0 t_0 z_2"><i class="c_white-6  fa-star fas font-size_down-2 text-shadow_white-n1"></i></span>
      </div>      <strong class="font-size_down-1 font_copy"> Special Category</strong>
    </li>
    <li class="inline-flex items_center">
      <div class="inline-block isolation_isolate m-x_3 p-t_2 relative">
          <i class="c_accent-n2 fa-bookmark fas font-size_up-2 font_10 relative text-shadow_black-1 z_1"></i>
          <span class="absolute b_0 flex font-size_down-2 font_bold items_center justify_center l_0 r_0 t_0 z_2"><i class="c_white-6   fas font-size_down-2 text-shadow_white-n1"></i></span>
      </div>      <strong class="font-size_down-1 font_copy"> Top Ten</strong>
    </li>
  </ul>
</div>
Copy Code