Skip to main content
Portable
Design
System
Documentation

Space

Fluid Space Calculator
Token Description Example
var(--space-3xs)

@min: 4px

@max: 5px

var(--space-2xs)

@min: 8px

@max: 9px

var(--space-xs)

@min: 12px

@max: 14px

var(--space-s)

@min: 16px

@max: 18px

var(--space-m)

@min: 24px

@max: 27px

var(--space-l)

@min: 32px

@max: 36px

var(--space-xl)

@min: 48px

@max: 54px

var(--space-2xl)

@min: 64px

@max: 72px

var(--space-3xl)

@min: 96px

@max: 108px