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