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: Utility Classes

Arches:Utility Classes

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/acc_uc.css, line 2343

5.3.3 Counter Types

Create different types of list with the counter types

Example s

Default styling

Item, Object, or Section
Item, Object, or Section
Item, Object, or Section

counter

Defualt Number Listing

Item, Object, or Section
Item, Object, or Section
Item, Object, or Section

counter_lower-alpha

Lowercase Alphabetic Listing

Item, Object, or Section
Item, Object, or Section
Item, Object, or Section

counter_upper-alpha

Uppercase Alphabetic Listing

Item, Object, or Section
Item, Object, or Section
Item, Object, or Section

counter_lower-roman

Lowercase Roman Listing

Item, Object, or Section
Item, Object, or Section
Item, Object, or Section

counter_upper-roman

Uppercase Roman Listing

Item, Object, or Section
Item, Object, or Section
Item, Object, or Section
<div class="counter_reset">
		<div class="m_3 p_3 bg_primary-2"><span class="[modifier class] font_bold counter_increment"></span> Item, Object, or Section</div>
		<div class="m_3 p_3 bg_primary-2"><span class="[modifier class] font_bold counter_increment"></span> Item, Object, or Section</div>
		<div class="m_3 p_3 bg_primary-2"><span class="[modifier class] font_bold counter_increment"></span> Item, Object, or Section</div>
 	</div>
Copy Code