Foundations
Spacing
All spacing sits on a 4px grid, with two nudge steps (6px and 10px) for fine alignment.
Spacing scale
Tailwind's numeric scale, which matches the Fluent spacing ramp. Use it with p-*, m-*, gap-*, space-*, inset-*.
spacingXXSp-0.52px
spacingXSp-14px
spacingSNudgep-1.56px
spacingSp-28px
spacingMNudgep-2.510px
spacingMp-312px
spacingLp-416px
spacingXLp-520px
spacingXXLp-624px
spacingXXXLp-832px