Spacing tokens
v1.0.0
Title | Value | Example |
---|---|---|
spacing.padding.none | dimension.core.0 | |
spacing.padding.small | dimension.core.50 | |
spacing.padding.medium | dimension.core.100 | |
spacing.padding.large | dimension.core.150 | |
spacing.padding.extraLarge | dimension.core.200 | |
spacing.padding.extraLarge2 | dimension.core.300 | |
spacing.gap.none | dimension.core.0 | |
spacing.gap.extraSmall2 | dimension.core.25 | |
spacing.gap.extraSmall | dimension.core.50 | |
spacing.gap.small | dimension.core.75 | |
spacing.gap.medium | dimension.core.100 | |
spacing.gap.large | dimension.core.150 | |
spacing.gap.extraLarge | dimension.core.200 | |
spacing.gap.extraLarge2 | dimension.core.300 | |
spacing.section.header.padding.top | dimension.core.200 | |
spacing.section.header.padding.bottom | dimension.core.100 | |
spacing.section.header.padding.horizontal | spacing.page.grid.margin | |
spacing.section.footer | dimension.core.200 | |
spacing.stack.padding.horizontal | dimension.core.150 | |
spacing.stack.padding.vertical | dimension.core.50 | |
spacing.cell.grid.padding.horizontal | dimension.core.50 | |
spacing.cell.grid.padding.vertical | dimension.core.50 | |
spacing.cell.row.padding.horizontal | spacing.page.grid.margin | |
spacing.cell.row.padding.vertical | dimension.core.100 | |
spacing.page.grid.margin | dimension.core.200 | |
spacing.page.grid.gutter | dimension.core.100 |