List

Unordered, ordered and description lists, plus menu as a toolbar.

Unordered

Markers change at each level: square, disc, then circle.

  • Elements
    • Button
      • Colors
      • Sizes
    • Table
  • Components

Ordered

  1. Link the stylesheet
  2. Write HTML
  3. Add a class when you want a variant

Description list

Classless
Plain HTML is styled with no class.
Layered
Your own CSS always wins.

menu is a toolbar. Its items sit in a row and wrap when there is no room.

    •

    Variables

    VariableDefault
    --i-list-marker-color-textvar(--i-color-subtle)