Screen
Semantic tokens
Section titled “Semantic tokens”| Token | Value | Preview | |
|---|---|---|---|
screen.sm | 40rem (640px) | primitive.screen.100 | |
screen.md | 48rem (768px) | primitive.screen.200 | |
screen.lg | 64rem (1024px) | primitive.screen.300 | |
screen.xl | 80rem (1280px) | primitive.screen.400 | |
screen.2xl | 96rem (1536px) | primitive.screen.500 |
Primitive tokens
Section titled “Primitive tokens”| Token | Value | Preview |
|---|---|---|
screen.100 | 40rem (640px) | |
screen.200 | 48rem (768px) | |
screen.300 | 64rem (1024px) | |
screen.400 | 80rem (1280px) | |
screen.500 | 96rem (1536px) |