Flex & grid

.ax-dash-grid · .ax-col--N

12-column spans

Every span that adds to 12. Auto-stacks to halves at 992px and full-width at 576px.

gutter · --ax-space-6

Resize the window to watch each row collapse responsively — no per-row media queries needed.

.ax-cluster

Inline cluster

Horizontal, wrapping, vertically-centered flow with a token gap. The workhorse of toolbars & meta rows.

Design Engineering Product Marketing Finance Operations

.ax-cluster--between + .ax-spacer

Q2 report Edit Share

.ax-stack

Vertical stack

Column flow with a consistent gap — perfect for form fields and list bodies.

Two-factor auth On

Email digest Weekly

Session timeout 30 min

justify-content

Distribution

Common flex justifications, composed inline with role tokens.

auto-fit · minmax

Card auto-grid

Tiles reflow by available width with no breakpoints.