Tables and Lists

Tables

Tables have no base styling (apart from the browser defaults). Use the .data-table class to display tabular data with a bit more polish.

Table caption
Column Column Column
Row Cell Cell Cell
Row Cell Cell Cell

Unordered lists

We most frequently use lists for semantic structure and don't actually want to display them as lists. It's simpler to reset lists globally and only display them as lists in text when needed with the .prose class.

  • list item
  • list item
    • nested list

Ordered lists

We most frequently use lists for semantic structure and don't actually want to display them as lists. It's simpler to reset lists globally and only display them as lists in text when needed with the .prose class.

  1. list item
  2. list item
    1. nested list

Definition lists

Term
Description