90 lines
1.5 KiB
JSON
90 lines
1.5 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,19,1.2,1350,28,1.25,6,2,&s=0.75%7C0.5%7C0.25,2%7C3%7C5%7C8%7C13,s-l&g=s,l,xl,12",
|
|
"note": "shifing the scale: XS is equal to 3XS"
|
|
},
|
|
"items": [
|
|
{
|
|
"name": "3XS",
|
|
"min": 2,
|
|
"max": 3
|
|
},
|
|
{
|
|
"name": "2XS",
|
|
"min": 3,
|
|
"max": 5
|
|
},
|
|
{
|
|
"name": "XS",
|
|
"min": 5,
|
|
"max": 7
|
|
},
|
|
{
|
|
"name": "S",
|
|
"min": 10,
|
|
"max": 14
|
|
},
|
|
{
|
|
"name": "M",
|
|
"min": 14,
|
|
"max": 21
|
|
},
|
|
{
|
|
"name": "L",
|
|
"min": 19,
|
|
"max": 28
|
|
},
|
|
{
|
|
"name": "XL",
|
|
"min": 38,
|
|
"max": 56
|
|
},
|
|
{
|
|
"name": "2XL",
|
|
"min": 57,
|
|
"max": 84
|
|
},
|
|
{
|
|
"name": "3XL",
|
|
"min": 95,
|
|
"max": 140
|
|
},
|
|
{
|
|
"name": "XS - S",
|
|
"min": 5,
|
|
"max": 14
|
|
},
|
|
{
|
|
"name": "S - M",
|
|
"min": 10,
|
|
"max": 21
|
|
},
|
|
{
|
|
"name": "M - L",
|
|
"min": 14,
|
|
"max": 31
|
|
},
|
|
{
|
|
"name": "L - XL",
|
|
"min": 19,
|
|
"max": 56
|
|
},
|
|
{
|
|
"name": "L - 2xl",
|
|
"min": 19,
|
|
"max": 84
|
|
},
|
|
{
|
|
"name": "XL - 2XL",
|
|
"min": 38,
|
|
"max": 84
|
|
},
|
|
{
|
|
"name": "2XL - 3xl",
|
|
"min": 57,
|
|
"max": 140
|
|
}
|
|
]
|
|
}
|