Breakpoints
Window width: 0px
Active breakpoint:
base - N/A
sm - Small Phone
md - Tablet (portrait)
lg - Tablet (landscape)
xl - Desktop
2xl - Large Desktop
(Below smallest breakpoint)
| Token | Device | Value (rem) | Value (px) |
|---|---|---|---|
base | N/A | 0rem | 0px |
sm | Small Phone | 30rem | 480px |
md | Tablet (portrait) | 48rem | 768px |
lg | Tablet (landscape) | 62rem | 992px |
xl | Desktop | 80rem | 1280px |
2xl | Large Desktop | 96rem | 1536px |