Arches: Utility Classes

Arches:Utility Classes

Multi Product Brand Style System by the American College of Cardiology

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

6.3.3 Counter Types

Create different types of list with the counter types

Example s

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