Ordered Lists

Ordered list utilities replace default list numbering with styled counter patterns using UGA’s red (#BA0C2F) for the counter markers.

List Styles

Class	Counter Style
.util-list-upper-alpha	A. B. C.
.util-list-lower-alpha	a. b. c.
.util-list-leading-zero	01. 02. 03.
.util-list-upper-roman	I. II. III.
.util-list-lower-roman	i. ii. iii.

Examples

Upper Alpha

1. First item
2. Second item
3. Third item

<ol class="util-list-upper-alpha">
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

Leading Zero

1. First item
2. Second item
3. Third item

<ol class="util-list-leading-zero">
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

Upper Roman

1. First item
2. Second item
3. Third item

<ol class="util-list-upper-roman">
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

Notes

• Counters are positioned absolutely to the left of each <li>, so list items should have enough left padding (provided by default browser styles).
• Counter markers are bold and colored in Bulldog Red.
• These classes use CSS counters, replacing the native list-style-type.