Components Timeline

Use dl.timeline or wrap a <dl> with .has-timeline to style it as a vertical timeline — each <dd> gets a left border strip acting as the track:

May 11, 2026
First Blades CSS stable release (v2.2.0).
Mar 15, 2025
Last Pico CSS update (v2.1.1).

How it works

/anyblades/blades/refs/heads/main/src/components/_timeline.css :

dl.timeline,
.has-timeline > dl {
  dd {
    padding: 0.25rem 0 0.75rem 1rem;
    margin-block: 0;
    border-inline-start: 0.25rem solid var(--blades-timeline-border-color);
  }
}