/ tokens / spacing.json
spacing.json
 1  {
 2    "$schema": "https://json-schema.org/draft/2020-12/schema",
 3    "name": "ACDC Spacing",
 4    "version": "1.0.0",
 5    "description": "4px base unit spacing scale",
 6  
 7    "baseUnit": 4,
 8  
 9    "scale": {
10      "0": "0px",
11      "0.5": "2px",
12      "1": "4px",
13      "1.5": "6px",
14      "2": "8px",
15      "2.5": "10px",
16      "3": "12px",
17      "3.5": "14px",
18      "4": "16px",
19      "5": "20px",
20      "6": "24px",
21      "7": "28px",
22      "8": "32px",
23      "9": "36px",
24      "10": "40px",
25      "11": "44px",
26      "12": "48px",
27      "14": "56px",
28      "16": "64px",
29      "20": "80px",
30      "24": "96px",
31      "28": "112px",
32      "32": "128px",
33      "36": "144px",
34      "40": "160px",
35      "44": "176px",
36      "48": "192px",
37      "52": "208px",
38      "56": "224px",
39      "60": "240px",
40      "64": "256px",
41      "72": "288px",
42      "80": "320px",
43      "96": "384px"
44    },
45  
46    "semantic": {
47      "page": {
48        "x": "16px",
49        "y": "24px"
50      },
51      "card": {
52        "padding": "16px",
53        "gap": "12px"
54      },
55      "button": {
56        "paddingX": "16px",
57        "paddingY": "8px"
58      },
59      "input": {
60        "paddingX": "12px",
61        "paddingY": "8px"
62      }
63    }
64  }