Unordered list with link

Activity timeline

To convert a list to an activity timeline we need to wrap the list in a div that has the class c-activityTimeline. The div is needed in order to style the date associated with the list. A relative class is also required on the list. We need relative because we are absolute positioning some elements inside the list items.

The timeline pattern requires some extra markup inside the list items in order to display time and icons.