79 lines
1.3 KiB
JSON
79 lines
1.3 KiB
JSON
{
|
|
"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": "XS",
|
|
"min": 12,
|
|
"max": 15
|
|
},
|
|
{
|
|
"name": "S",
|
|
"min": 16,
|
|
"max": 20
|
|
},
|
|
{
|
|
"name": "M",
|
|
"min": 24,
|
|
"max": 30
|
|
},
|
|
{
|
|
"name": "L",
|
|
"min": 32,
|
|
"max": 40
|
|
},
|
|
{
|
|
"name": "XL",
|
|
"min": 48,
|
|
"max": 60
|
|
},
|
|
{
|
|
"name": "2XL",
|
|
"min": 64,
|
|
"max": 80
|
|
},
|
|
{
|
|
"name": "3XL",
|
|
"min": 96,
|
|
"max": 120
|
|
},
|
|
{
|
|
"name": "XS - S",
|
|
"min": 12,
|
|
"max": 20
|
|
},
|
|
{
|
|
"name": "S - M",
|
|
"min": 16,
|
|
"max": 30
|
|
},
|
|
{
|
|
"name": "M - L",
|
|
"min": 24,
|
|
"max": 40
|
|
},
|
|
{
|
|
"name": "L - XL",
|
|
"min": 32,
|
|
"max": 60
|
|
},
|
|
{
|
|
"name": "L - 2xl",
|
|
"min": 32,
|
|
"max": 80
|
|
},
|
|
{
|
|
"name": "XL - 2XL",
|
|
"min": 48,
|
|
"max": 80
|
|
},
|
|
{
|
|
"name": "2XL - 3XL",
|
|
"min": 64,
|
|
"max": 120
|
|
}
|
|
]
|
|
}
|