/
spacing.json
84 lines (84 loc) · 1.38 KB
/
spacing.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
{
"title": "Spacing",
"description": "Consistent spacing sizes, based on a ratio, with min and max sizes. This allows you to set spacing based on the context size. For example, min for mobile and max for desktop browsers.",
"meta": {
"scaleGenerator": "https://utopia.fyi/space/calculator?c=320,16,1.2,1350,20,1.414,8,1,&s=0.75|0.5|0.25,2|3|5|8|13,s-l"
},
"items": [
{
"name": "2XS",
"min": 8,
"max": 10
},
{
"name": "XS",
"min": 12,
"max": 15
},
{
"name": "S",
"min": 16,
"max": 20
},
{
"name": "M",
"min": 32,
"max": 40
},
{
"name": "L",
"min": 48,
"max": 60
},
{
"name": "XL",
"min": 80,
"max": 100
},
{
"name": "2XL",
"min": 128,
"max": 160
},
{
"name": "3XL",
"min": 208,
"max": 260
},
{
"name": "XS - S",
"min": 12,
"max": 20
},
{
"name": "S - M",
"min": 16,
"max": 40
},
{
"name": "M - L",
"min": 32,
"max": 60
},
{
"name": "L - XL",
"min": 48,
"max": 100
},
{
"name": "L - 2XL",
"min": 48,
"max": 160
},
{
"name": "XL - 2XL",
"min": 80,
"max": 160
},
{
"name": "2XL - 3XL",
"min": 128,
"max": 260
}
]
}