Spacing
Spacing keys are the bounded values used by components and layout gaps. They are not arbitrary-value APIs.
| Kind | Token | Value / reference | CSS variable |
|---|---|---|---|
| Primitive | space.0 | 0 | --combric-primitive-space-0 |
| Primitive | space.1 | 0.25rem | --combric-primitive-space-1 |
| Primitive | space.2 | 0.5rem | --combric-primitive-space-2 |
| Primitive | space.3 | 0.75rem | --combric-primitive-space-3 |
| Primitive | space.4 | 1rem | --combric-primitive-space-4 |
| Primitive | space.6 | 1.5rem | --combric-primitive-space-6 |
| Primitive | space.8 | 2rem | --combric-primitive-space-8 |
| Primitive | space.12 | 3rem | --combric-primitive-space-12 |
| Primitive | space.16 | 4rem | --combric-primitive-space-16 |
| Semantic | space.0 | space.0 → 0 | --combric-space-0 |
| Semantic | space.1 | space.1 → 0.25rem | --combric-space-1 |
| Semantic | space.2 | space.2 → 0.5rem | --combric-space-2 |
| Semantic | space.3 | space.3 → 0.75rem | --combric-space-3 |
| Semantic | space.4 | space.4 → 1rem | --combric-space-4 |
| Semantic | space.6 | space.6 → 1.5rem | --combric-space-6 |
| Semantic | space.8 | space.8 → 2rem | --combric-space-8 |
| Semantic | space.12 | space.12 → 3rem | --combric-space-12 |
| Semantic | space.16 | space.16 → 4rem | --combric-space-16 |