Skip to content
Work in progress - do not use in production. These tokens are still being decided: it is not flagged Ready for Dev, so its markup, attributes, events and styles can all still change without notice, it is not covered by the accessibility gate, and it is not published to npm. It is on this site so the work can be seen and reviewed - nothing more.

Breakpoints

The grid-system breakpoints, published as tokens so a component can reference them from a container query or from JS.

Click any specimen to copy the token it documents, as var(--token).

Tokens