Cloudflare Style is in Alpha and is a work-in-progress. Expect changes. Contact DESSYS with any questions.
Spacing
Appropriate use of spacing can establish visual balance on a page and make it easier to understand. Use the spacing scale to evenly distribute the elements presented on the page.
Spacing Scale
Our spacing scale is based off of multiples of 8.
| Reference | Value (px) |
|---|---|
| theme.space[0] | 0 |
| theme.space[1] | 4 |
| theme.space[2] | 8 |
| theme.space[3] | 16 |
| theme.space[4] | 32 |
| theme.space[5] | 64 |
| theme.space[6] | 128 |
| theme.space[7] | 256 |