Grid & Layout
Padding, Container, Gaps and Breakpoints definitions.
Padding
| Global Token | Value |
|---|---|
--fs-grid-padding | var(--fs-spacing-3) |
Container
| Global Token | Value |
|---|---|
--fs-grid-max-width | var(--fs-spacing-3) |
Gaps
| Global Token | Value |
|---|---|
--fs-grid-gap-0 | var(--fs-spacing-1) |
--fs-grid-gap-1 | var(--fs-spacing-2) |
--fs-grid-gap-2 | var(--fs-spacing-3) |
--fs-grid-gap-3 | var(--fs-spacing-4) |
--fs-grid-gap-4 | var(--fs-spacing-5) |
Breakpoints
| Global Token | Value |
|---|---|
--fs-grid-breakpoint-phone | 320px |
--fs-grid-breakpoint-phonemid | 375px |
--fs-grid-breakpoint-tablet | 768px |
--fs-grid-breakpoint-notebook | 1280px |
--fs-grid-breakpoint-desktop | 1440px |