Components

List

Lists consist of related content grouped together and organized vertically.

Single item example

list-item-3-line-no-icon
Created with Sketch. Sub header information Category Linked title 16px 16px 14px

List example

Navigation Notification Panel Copy 2 
.list-category {
font-size: .8rem;
color: #002D41;
text-align: left;
}

.list-title {
font-weight: 700;
font-size: 1.1rem;
color: #0074D9;
text-align: left;
}

.list-subheader {
font-size: 1rem;
color: #54698D;
text-align: left;
}

.list-divider{
background: rgba(0,0,0,0.12);
}
Navigation Notification Panel Copy 3

** Obviously, this is just an example of one list. There will be more to come as the UX pass progresses.

Overview of CSS Classes

Selector
Summary
Parent Selector

.list-category

.list-title

.list-subheader

.list-divider