With ordered lists (<ol>)

Displayed as breadcrumbs.

• ol > li > a::after appends a slash (/).
• ol > li:last-child is in ◉ --default color and in semi-bold.

With unordered lists (<ul>)

Displayed as navigation list.

• ul > li:hover has a left border.
• ul > li.selected is in ◉ --default color and in semi-bold.
• ul > li.disabled is in ◉ --muted color.

With menus (<menu>)

Displayed as navigation menu.