open-props
Version:
<div align="center">
1,907 lines (1,906 loc) • 150 kB
JSON
{
"version": "2025.10",
"name": "Open Props",
"description": "CSS custom properties to help accelerate adaptive and consistent design.",
"resolutionOrder": [
{
"type": "set",
"name": "Open Props",
"sources": [
{
"inner-shadow": {
"0": {
"$type": "shadow",
"$value": {
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.1
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 0,
"unit": "px"
},
"blur": {
"value": 0,
"unit": "px"
},
"spread": {
"value": 1,
"unit": "px"
},
"inset": true
}
},
"1": {
"$type": "shadow",
"$value": [
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.1
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 1,
"unit": "px"
},
"blur": {
"value": 2,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
},
"inset": true
},
{
"color": {
"colorSpace": "srgb",
"components": [
1,
1,
1
],
"hex": "#fff"
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": -0.5,
"unit": "px"
},
"blur": {
"value": 0,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
},
"inset": true
},
{
"color": {
"colorSpace": "srgb",
"components": [
0,
0,
0
],
"alpha": 0.06666666666666667,
"hex": "#0001"
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 0.5,
"unit": "px"
},
"blur": {
"value": 0,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
},
"inset": true
}
]
},
"2": {
"$type": "shadow",
"$value": [
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.1
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 1,
"unit": "px"
},
"blur": {
"value": 4,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
},
"inset": true
},
{
"color": {
"colorSpace": "srgb",
"components": [
1,
1,
1
],
"hex": "#fff"
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": -0.5,
"unit": "px"
},
"blur": {
"value": 0,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
},
"inset": true
},
{
"color": {
"colorSpace": "srgb",
"components": [
0,
0,
0
],
"alpha": 0.06666666666666667,
"hex": "#0001"
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 0.5,
"unit": "px"
},
"blur": {
"value": 0,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
},
"inset": true
}
]
},
"3": {
"$type": "shadow",
"$value": [
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.1
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 2,
"unit": "px"
},
"blur": {
"value": 8,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
},
"inset": true
},
{
"color": {
"colorSpace": "srgb",
"components": [
1,
1,
1
],
"hex": "#fff"
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": -0.5,
"unit": "px"
},
"blur": {
"value": 0,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
},
"inset": true
},
{
"color": {
"colorSpace": "srgb",
"components": [
0,
0,
0
],
"alpha": 0.06666666666666667,
"hex": "#0001"
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 0.5,
"unit": "px"
},
"blur": {
"value": 0,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
},
"inset": true
}
]
},
"4": {
"$type": "shadow",
"$value": [
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.1
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 2,
"unit": "px"
},
"blur": {
"value": 14,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
},
"inset": true
},
{
"color": {
"colorSpace": "srgb",
"components": [
1,
1,
1
],
"hex": "#fff"
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": -0.5,
"unit": "px"
},
"blur": {
"value": 0,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
},
"inset": true
},
{
"color": {
"colorSpace": "srgb",
"components": [
0,
0,
0
],
"alpha": 0.06666666666666667,
"hex": "#0001"
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 0.5,
"unit": "px"
},
"blur": {
"value": 0,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
},
"inset": true
}
]
}
},
"shadow": {
"1": {
"$type": "shadow",
"$value": {
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.1
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 1,
"unit": "px"
},
"blur": {
"value": 2,
"unit": "px"
},
"spread": {
"value": -1,
"unit": "px"
}
}
},
"2": {
"$type": "shadow",
"$value": [
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.04
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 3,
"unit": "px"
},
"blur": {
"value": 5,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.06
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 7,
"unit": "px"
},
"blur": {
"value": 14,
"unit": "px"
},
"spread": {
"value": -5,
"unit": "px"
}
}
]
},
"3": {
"$type": "shadow",
"$value": [
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.03
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": -1,
"unit": "px"
},
"blur": {
"value": 3,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.03
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 1,
"unit": "px"
},
"blur": {
"value": 2,
"unit": "px"
},
"spread": {
"value": -5,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.05
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 2,
"unit": "px"
},
"blur": {
"value": 5,
"unit": "px"
},
"spread": {
"value": -5,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.06
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 4,
"unit": "px"
},
"blur": {
"value": 12,
"unit": "px"
},
"spread": {
"value": -5,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.08
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 12,
"unit": "px"
},
"blur": {
"value": 15,
"unit": "px"
},
"spread": {
"value": -5,
"unit": "px"
}
}
]
},
"4": {
"$type": "shadow",
"$value": [
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.03
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": -2,
"unit": "px"
},
"blur": {
"value": 5,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.04
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 1,
"unit": "px"
},
"blur": {
"value": 1,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.04
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 2,
"unit": "px"
},
"blur": {
"value": 2,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.05
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 5,
"unit": "px"
},
"blur": {
"value": 5,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.06
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 9,
"unit": "px"
},
"blur": {
"value": 9,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.07
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 16,
"unit": "px"
},
"blur": {
"value": 16,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
}
]
},
"5": {
"$type": "shadow",
"$value": [
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.03
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": -1,
"unit": "px"
},
"blur": {
"value": 2,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.04
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 2,
"unit": "px"
},
"blur": {
"value": 1,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.04
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 5,
"unit": "px"
},
"blur": {
"value": 5,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.05
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 10,
"unit": "px"
},
"blur": {
"value": 10,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.06
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 20,
"unit": "px"
},
"blur": {
"value": 20,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.08
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 40,
"unit": "px"
},
"blur": {
"value": 40,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
}
]
},
"6": {
"$type": "shadow",
"$value": [
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.03
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": -1,
"unit": "px"
},
"blur": {
"value": 2,
"unit": "px"
},
"spread": {
"value": 0,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.04
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 3,
"unit": "px"
},
"blur": {
"value": 2,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.04
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 7,
"unit": "px"
},
"blur": {
"value": 5,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.05
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 12,
"unit": "px"
},
"blur": {
"value": 10,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.06
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 22,
"unit": "px"
},
"blur": {
"value": 18,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.07
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 41,
"unit": "px"
},
"blur": {
"value": 33,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
},
{
"color": {
"colorSpace": "hsl",
"components": [
220,
3,
15
],
"alpha": 0.08
},
"offsetX": {
"value": 0,
"unit": "px"
},
"offsetY": {
"value": 100,
"unit": "px"
},
"blur": {
"value": 80,
"unit": "px"
},
"spread": {
"value": -2,
"unit": "px"
}
}
]
}
},
"radius": {
"1": {
"$type": "dimension",
"$value": {
"value": 2,
"unit": "px"
}
},
"2": {
"$type": "dimension",
"$value": {
"value": 5,
"unit": "px"
}
},
"3": {
"$type": "dimension",
"$value": {
"value": 1,
"unit": "rem"
}
},
"4": {
"$type": "dimension",
"$value": {
"value": 2,
"unit": "rem"
}
},
"5": {
"$type": "dimension",
"$value": {
"value": 4,
"unit": "rem"
}
},
"6": {
"$type": "dimension",
"$value": {
"value": 8,
"unit": "rem"
}
},
"round": {
"$type": "dimension",
"$value": {
"value": 100000,
"unit": "px"
}
}
},
"border": {
"size-5": {
"$type": "dimension",
"$value": {
"value": 25,
"unit": "px"
}
},
"size-4": {
"$type": "dimension",
"$value": {
"value": 10,
"unit": "px"
}
},
"size-3": {
"$type": "dimension",
"$value": {
"value": 5,
"unit": "px"
}
},
"size-2": {
"$type": "dimension",
"$value": {
"value": 2,
"unit": "px"
}
},
"size-1": {
"$type": "dimension",
"$value": {
"value": 1,
"unit": "px"
}
}
},
"ratio": {
"golden": {
"$type": "number",
"$description": "1.6180/1",
"$value": 1.618
},
"ultrawide": {
"$type": "number",
"$description": "18/5",
"$value": 3.6
},
"widescreen": {
"$type": "number",
"$description": "16/9",
"$value": 1.7777777777777777
},
"portrait": {
"$type": "number",
"$description": "3/4",
"$value": 0.75
},
"landscape": {
"$type": "number",
"$description": "4/3",
"$value": 1.3333333333333333
},
"square": {
"$type": "number",
"$value": 1
}
},
"layer": {
"1": {
"$type": "number",
"$value": 1
},
"2": {
"$type": "number",
"$value": 2
},
"3": {
"$type": "number",
"$value": 3
},
"4": {
"$type": "number",
"$value": 4
},
"5": {
"$type": "number",
"$value": 5
},
"important": {
"$type": "number",
"$value": 2147483647
}
},
"ease": {
"1": {
"$type": "cubicBezier",
"$value": [
0.25,
0,
0.5,
1
]
},
"2": {
"$type": "cubicBezier",
"$value": [
0.25,
0,
0.4,
1
]
},
"3": {
"$type": "cubicBezier",
"$value": [
0.25,
0,
0.3,
1
]
},
"4": {
"$type": "cubicBezier",
"$value": [
0.25,
0,
0.2,
1
]
},
"5": {
"$type": "cubicBezier",
"$value": [
0.25,
0,
0.1,
1
]
},
"sine-out": {
"$type": "cubicBezier",
"$value": [
0.39,
0.575,
0.565,
1
]
},
"sine-in-out": {
"$type": "cubicBezier",
"$value": [
0.445,
0.05,
0.55,
0.95
]
},
"sine-in": {
"$type": "cubicBezier",
"$value": [
0.47,
0,
0.745,
0.715
]
},
"quint-out": {
"$type": "cubicBezier",
"$value": [
0.23,
1,
0.32,
1
]
},
"quint-in-out": {
"$type": "cubicBezier",
"$value": [
0.86,
0,
0.07,
1
]
},
"quint-in": {
"$type": "cubicBezier",
"$value": [
0.755,
0.05,
0.855,
0.06
]
},
"quart-out": {
"$type": "cubicBezier",
"$value": [
0.165,
0.84,
0.44,
1
]
},
"quart-in-out": {
"$type": "cubicBezier",
"$value": [
0.77,
0,
0.175,
1
]
},
"quart-in": {
"$type": "cubicBezier",
"$value": [
0.895,
0.03,
0.685,
0.22
]
},
"quad-out": {
"$type": "cubicBezier",
"$value": [
0.25,
0.46,
0.45,
0.94
]
},
"quad-in-out": {
"$type": "cubicBezier",
"$value": [
0.455,
0.03,
0.515,
0.955
]
},
"quad-in": {
"$type": "cubicBezier",
"$value": [
0.55,
0.085,
0.68,
0.53
]
},
"expo-out": {
"$type": "cubicBezier",
"$value": [
0.19,
1,
0.22,
1
]
},
"expo-in-out": {
"$type": "cubicBezier",
"$value": [
1,
0,
0,
1
]
},
"expo-in": {
"$type": "cubicBezier",
"$value": [
0.95,
0.05,
0.795,
0.035
]
},
"cubic-out": {
"$type": "cubicBezier",
"$value": [
0.215,
0.61,
0.355,
1
]
},
"cubic-in-out": {
"$type": "cubicBezier",
"$value": [
0.645,
0.045,
0.355,
1
]
},
"cubic-in": {
"$type": "cubicBezier",
"$value": [
0.55,
0.055,
0.675,
0.19
]
},
"circ-out": {
"$type": "cubicBezier",
"$value": [
0.075,
0.82,
0.165,
1
]
},
"circ-in-out": {
"$type": "cubicBezier",
"$value": [
0.785,
0.135,
0.15,
0.86
]
},
"circ-in": {
"$type": "cubicBezier",
"$value": [
0.6,
0.04,
0.98,
0.335
]
},
"squish-5": {
"$value": "{ease.elastic-in-out-5}"
},
"squish-4": {
"$value": "{ease.elastic-in-out-4}"
},
"squish-3": {
"$value": "{ease.elastic-in-out-3}"
},
"squish-2": {
"$value": "{ease.elastic-in-out-2}"
},
"squish-1": {
"$value": "{ease.elastic-in-out-1}"
},
"elastic-5": {
"$value": "{ease.elastic-out-5}"
},
"elastic-4": {
"$value": "{ease.elastic-out-4}"
},
"elastic-3": {
"$value": "{ease.elastic-out-3}"
},
"elastic-2": {
"$value": "{ease.elastic-out-2}"
},
"elastic-1": {
"$value": "{ease.elastic-out-1}"
},
"elastic-in-out-5": {
"$type": "cubicBezier",
"$value": [
0.5,
-0.9,
0.1,
1.5
]
},
"elastic-in-out-4": {
"$type": "cubicBezier",
"$value": [
0.5,
-0.7,
0.1,
1.5
]
},
"elastic-in-out-3": {
"$type": "cubicBezier",
"$value": [
0.5,
-0.5,
0.1,
1.5
]
},
"elastic-in-out-2": {
"$type": "cubicBezier",
"$value": [
0.5,
-0.3,
0.1,
1.5
]
},
"elastic-in-out-1": {
"$type": "cubicBezier",
"$value": [
0.5,
-0.1,
0.1,
1.5
]
},
"elastic-in-5": {
"$type": "cubicBezier",
"$value": [
0.5,
-1.25,
0.75,
1
]
},
"elastic-in-4": {
"$type": "cubicBezier",
"$value": [
0.5,
-1,
0.75,
1
]
},
"elastic-in-3": {
"$type": "cubicBezier",
"$value": [
0.5,
-0.75,
0.75,
1
]
},
"elastic-in-2": {
"$type": "cubicBezier",
"$value": [
0.5,
-0.5,
0.75,
1
]
},
"elastic-in-1": {
"$type": "cubicBezier",
"$value": [
0.5,
-0.25,
0.75,
1
]
},
"elastic-out-5": {
"$type": "cubicBezier",
"$value": [
0.5,
1.75,
0.75,
1.25
]
},
"elastic-out-4": {
"$type": "cubicBezier",
"$value": [
0.5,
1.5,
0.75,
1.25
]
},
"elastic-out-3": {
"$type": "cubicBezier",
"$value": [
0.5,
1.25,
0.75,
1.25
]
},
"elastic-out-2": {
"$type": "cubicBezier",
"$value": [
0.5,
1,
0.75,
1.25
]
},
"elastic-out-1": {
"$type": "cubicBezier",
"$value": [
0.5,
0.75,
0.75,
1.25
]
},
"in-out-5": {
"$type": "cubicBezier",
"$value": [
0.9,
0,
0.1,
1
]
},
"in-out-4": {
"$type": "cubicBezier",
"$value": [
0.7,
0,
0.3,
1
]
},
"in-out-3": {
"$type": "cubicBezier",
"$value": [
0.5,
0,
0.5,
1
]
},
"in-out-2": {
"$type": "cubicBezier",
"$value": [
0.3,
0,
0.7,
1
]
},
"in-out-1": {
"$type": "cubicBezier",
"$value": [
0.1,
0,
0.9,
1
]
},
"out-5": {
"$type": "cubicBezier",
"$value": [
0,
0,
0,
1
]
},
"out-4": {
"$type": "cubicBezier",
"$value": [
0,
0,
0.1,
1
]
},
"out-3": {
"$type": "cubicBezier",
"$value": [
0,
0,
0.3,
1
]
},
"out-2": {
"$type": "cubicBezier",
"$value": [
0,
0,
0.5,
1
]
},
"out-1": {
"$type": "cubicBezier",
"$value": [
0,
0,
0.75,
1
]
},
"in-5": {
"$type": "cubicBezier",
"$value": [
1,
0,
1,
1
]
},
"in-4": {
"$type": "cubicBezier",
"$value": [
0.9,
0,
1,
1
]
},
"in-3": {
"$type": "cubicBezier",
"$value": [
0.7,
0,
1,
1
]
},
"in-2": {
"$type": "cubicBezier",
"$value": [
0.5,
0,
1,
1
]
},
"in-1": {
"$type": "cubicBezier",
"$value": [
0.25,
0,
1,
1
]
}
},
"size": {
"1": {
"$type": "dimension",
"$value": {
"value": 0.25,
"unit": "rem"
}
},
"2": {
"$type": "dimension",
"$value": {
"value": 0.5,
"unit": "rem"
}
},
"3": {
"$type": "dimension",
"$value": {
"value": 1,
"unit": "rem"
}
},
"4": {
"$type": "dimension",
"$value": {
"value": 1.25,
"unit": "rem"
}
},
"5": {
"$type": "dimension",
"$value": {
"value": 1.5,
"unit": "rem"
}
},
"6": {
"$type": "dimension",
"$value": {
"value": 1.75,
"unit": "rem"
}
},
"7": {
"$type": "dimension",
"$value": {
"value": 2,
"unit": "rem"
}
},
"8": {
"$type": "dimension",
"$value": {
"value": 3,
"unit": "rem"
}
},
"9": {
"$type": "dimension",
"$value": {
"value": 4,
"unit": "rem"
}