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 8576

13.2.2 Abstract Flag

Abstract flags are used to indicate that an abstract is awarded for some reason. Use the default and star for most reasons. If there is a need for three levels of awards then use star and trophy alt or the angle up icons. In the content of the page you should denote the legend of the icons used.

Example s

Default styling

fa-star

this denote the premium awarded abstracts (e.g. top 10)

fa-angle-up

this denote the premium awarded abstracts (level up 1)

fa-angle-double-up

this denote the premium awarded abstracts (level up 2)

<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  [modifier] fas font-size_down-2 text-shadow_white-n1"></i></span>
</div>
Copy Code