@maggioli-design-system/design-tokens
Version:
This is the Design Token library of Maggioli Design System, here you'll find all the visual data used around the libraries.
259 lines (258 loc) • 4.98 kB
JSON
{
"css": {
"size": {
"0": {
"value": "{sizing.primitive.0}"
},
"25": {
"value": "{sizing.primitive.25}"
},
"50": {
"value": "{sizing.primitive.50}"
},
"100": {
"value": "{sizing.primitive.100}"
},
"150": {
"value": "{sizing.primitive.150}"
},
"200": {
"value": "{sizing.primitive.200}"
},
"250": {
"value": "{sizing.primitive.250}"
},
"300": {
"value": "{sizing.primitive.300}"
},
"350": {
"value": "{sizing.primitive.350}"
},
"400": {
"value": "{sizing.primitive.400}"
},
"500": {
"value": "{sizing.primitive.500}"
},
"600": {
"value": "{sizing.primitive.600}"
},
"700": {
"value": "{sizing.primitive.700}"
},
"800": {
"value": "{sizing.primitive.800}"
},
"900": {
"value": "{sizing.primitive.900}"
},
"1000": {
"value": "{sizing.primitive.1000}"
},
"1100": {
"value": "{sizing.primitive.1100}"
},
"1200": {
"value": "{sizing.primitive.1200}"
},
"1300": {
"value": "{sizing.primitive.1300}"
},
"1400": {
"value": "{sizing.primitive.1400}"
},
"1500": {
"value": "{sizing.primitive.1500}"
},
"1600": {
"value": "{sizing.primitive.1600}"
},
"2000": {
"value": "{sizing.primitive.2000}"
},
"2400": {
"value": "{sizing.primitive.2400}"
},
"2800": {
"value": "{sizing.primitive.2800}"
},
"3200": {
"value": "{sizing.primitive.3200}"
},
"3600": {
"value": "{sizing.primitive.3600}"
},
"4000": {
"value": "{sizing.primitive.4000}"
},
"4400": {
"value": "{sizing.primitive.4400}"
},
"4800": {
"value": "{sizing.primitive.4800}"
},
"5200": {
"value": "{sizing.primitive.5200}"
},
"5600": {
"value": "{sizing.primitive.5600}"
},
"6000": {
"value": "{sizing.primitive.6000}"
},
"6400": {
"value": "{sizing.primitive.6400}"
},
"7200": {
"value": "{sizing.primitive.7200}"
},
"8000": {
"value": "{sizing.primitive.8000}"
},
"9600": {
"value": "{sizing.primitive.9600}"
},
"none": {
"value": "0"
},
"auto": {
"value": "auto"
},
"full": {
"value": "100%"
},
"min": {
"value": "min-content"
},
"max": {
"value": "max-content"
},
"fit": {
"value": "fit-content"
},
"xs": {
"value": "320px"
},
"sm": {
"value": "384px"
},
"md": {
"value": "448px"
},
"lg": {
"value": "512px"
},
"xl": {
"value": "576px"
},
"2xl": {
"value": "672px"
},
"3xl": {
"value": "768px"
},
"4xl": {
"value": "896px"
},
"5xl": {
"value": "1024px"
},
"6xl": {
"value": "1152px"
},
"7xl": {
"value": "1280px"
},
"1/2": {
"value": "50%"
},
"1/3": {
"value": "33.333333%"
},
"2/3": {
"value": "66.666667%"
},
"1/4": {
"value": "25%"
},
"2/4": {
"value": "50%"
},
"3/4": {
"value": "75%"
},
"1/5": {
"value": "20%"
},
"2/5": {
"value": "40%"
},
"3/5": {
"value": "60%"
},
"4/5": {
"value": "80%"
},
"1/6": {
"value": "16.666667%"
},
"2/6": {
"value": "33.333333%"
},
"3/6": {
"value": "50%"
},
"4/6": {
"value": "66.666667%"
},
"5/6": {
"value": "83.333333%"
},
"1/12": {
"value": "8.333333%"
},
"2/12": {
"value": "16.666667%"
},
"3/12": {
"value": "25%"
},
"4/12": {
"value": "33.333333%"
},
"5/12": {
"value": "41.666667%"
},
"6/12": {
"value": "50%"
},
"7/12": {
"value": "58.333333%"
},
"8/12": {
"value": "66.666667%"
},
"9/12": {
"value": "75%"
},
"10/12": {
"value": "83.333333%"
},
"11/12": {
"value": "91.666667%"
},
"title": {
"value": "{typography.sizing.title}"
},
"phrase": {
"value": "{typography.sizing.phrase}"
},
"prose": {
"value": "{typography.sizing.prose}"
},
"text": {
"value": "{typography.sizing.text}"
}
}
}
}