HTML

List

ExamplesDocumentationCSS variables

Examples

Unordered list

Copied to clipboard

Ordered list

Copied to clipboard

List inline

Copied to clipboard

Documentation

Overview

Non-inline lists can be nested up to any level.

Usage

Class Applied to Outcome
.pf-c-list <ul>, <ol> Initiates a list. Required
.pf-m-inline .pf-c-list Modifies for inline list style.

CSS variables

--pf-c-list--PaddingLeftc_list_PaddingLeft0
--pf-c-list--li--MarginTopc_list_li_MarginTop0
--pf-c-list--m-inline--li--MarginRightc_list_m_inline_li_MarginRight1.5rem
--pf-c-list--nested--MarginLeftc_list_nested_MarginLeft0.5rem
--pf-c-list--nested--MarginTopc_list_nested_MarginTop0.5rem
--pf-c-list--ul--ListStylec_list_ul_ListStyledisc outside