← Design system

list_module

An ordered list with optional rich content per item. Type axis controls list style (bullets / numbers / checkboxes / none). Depth axis controls whether each item shows its description.

A few things to know

Background reading before we get into the workshop.

  1. The cascade decides which rule wins

  2. Specificity decides ties within an origin

  3. Source order decides ties within specificity

How to debug a layout

When something looks wrong, follow these in order.

  1. Open dev tools and inspect the broken element

  2. Look at the computed styles, not the source CSS

  3. Find the rule that’s wrong and toggle it off

  4. Read the rule above to understand why it applies

Pre-flight checklist

Before you push to the cohort channel.