Source code
Revision control
Copy as Markdown
Other Tools
{
"background/color/overlay": "{Colors$color/black/alpha/50}",
"border/radius/circle": 9999,
"border/radius/xsmall": 2,
"border/radius/small": 4,
"border/radius/medium": 8,
"border/radius/large": 16,
"border/width": 1,
"box/shadow/level-1/shadow-1/x": 0,
"box/shadow/level-1/shadow-1/y": 0,
"box/shadow/level-1/shadow-1/blur": 1,
"box/shadow/level-1/shadow-1/spread": 0,
"box/shadow/level-1/shadow-2/x": 0,
"box/shadow/level-1/shadow-2/y": 1,
"box/shadow/level-1/shadow-2/blur": 2,
"box/shadow/level-1/shadow-2/spread": 0,
"box/shadow/level-2/shadow-1/x": 0,
"box/shadow/level-2/shadow-1/y": 0.25,
"box/shadow/level-2/shadow-1/blur": 0.75,
"box/shadow/level-2/shadow-1/spread": 0,
"box/shadow/level-2/shadow-2/x": 0,
"box/shadow/level-2/shadow-2/y": 2,
"box/shadow/level-2/shadow-2/blur": 6,
"box/shadow/level-2/shadow-2/spread": 0,
"box/shadow/level-3/shadow-1/x": 0,
"box/shadow/level-3/shadow-1/y": 0.375,
"box/shadow/level-3/shadow-1/blur": 1.5,
"box/shadow/level-3/shadow-1/spread": 0,
"box/shadow/level-3/shadow-2/x": 0,
"box/shadow/level-3/shadow-2/y": 3,
"box/shadow/level-3/shadow-2/blur": 12,
"box/shadow/level-3/shadow-2/spread": 0,
"box/shadow/level-4/shadow-1/x": 0,
"box/shadow/level-4/shadow-1/y": 0.5,
"box/shadow/level-4/shadow-1/blur": 2,
"box/shadow/level-4/shadow-1/spread": 0,
"box/shadow/level-4/shadow-2/x": 0,
"box/shadow/level-4/shadow-2/y": 4,
"box/shadow/level-4/shadow-2/blur": 16,
"box/shadow/level-4/shadow-2/spread": 0,
"dimension/2": 2,
"dimension/4": 4,
"dimension/8": 8,
"dimension/12": 12,
"dimension/16": 16,
"dimension/20": 20,
"dimension/24": 24,
"dimension/32": 32,
"dimension/40": 40,
"dimension/48": 48,
"dimension/56": 56,
"dimension/64": 64,
"dimension/80": 80,
"dimension/96": 96,
"dimension/100": 100,
"dimension/200": 200,
"dimension/300": 300,
"dimension/400": 400,
"dimension/500": 500,
"dimension/relative/100": "1rem",
"dimension/relative/125": "1.25rem",
"dimension/relative/150": "1.5rem",
"dimension/relative/200": "2rem",
"dimension/relative/250": "2.5rem",
"dimension/relative/300": "3rem",
"dimension/relative/350": "3.5rem",
"dimension/relative/400": "4rem",
"dimension/relative/500": "5rem",
"dimension/relative/600": "6rem",
"dimension/relative/0125": "0.125rem",
"dimension/relative/025": "0.25rem",
"dimension/relative/050": "0.5rem",
"dimension/relative/075": "0.75rem",
"focus/outline/inset": -2,
"focus/outline/offset": 2,
"focus/outline/width": 2,
"size/image/xsmall": "{Primitives$dimension/40}",
"size/image/small": "{Primitives$dimension/48}",
"size/image/medium": "{Primitives$dimension/56}",
"size/image/large": "{Primitives$dimension/64}",
"size/image/xlarge": "{Primitives$dimension/80}",
"size/image/xxlarge": "{Primitives$dimension/96}",
"size/item/xsmall": "{Primitives$dimension/12}",
"size/item/small": "{Primitives$dimension/16}",
"size/item/medium": "{Primitives$dimension/24}",
"size/item/large": "{Primitives$dimension/32}",
"size/item/xlarge": "{Primitives$dimension/48}",
"size/layout/xsmall": "{Primitives$dimension/100}",
"size/layout/small": "{Primitives$dimension/200}",
"size/layout/medium": "{Primitives$dimension/300}",
"size/layout/large": "{Primitives$dimension/400}",
"size/layout/xlarge": "{Primitives$dimension/500}",
"size/sidebar": 280,
"size/sidebar/narrow": 118,
"space/xxsmall": "{Primitives$dimension/relative/0125}",
"space/xsmall": "{Primitives$dimension/relative/025}",
"space/small": "{Primitives$dimension/relative/050}",
"space/medium": "{Primitives$dimension/relative/075}",
"space/large": "{Primitives$dimension/relative/100}",
"space/xlarge": "{Primitives$dimension/relative/150}",
"space/xxlarge": "{Primitives$dimension/relative/200}",
"button/border/radius": "{Primitives$border/radius/medium}",
"button/min/height": "{Primitives$size/item/large}",
"button/min/height/small": "{Primitives$size/item/medium}",
"button/padding/block": "{Primitives$space/xsmall}",
"button/padding/inline": "{Primitives$space/large}",
"button/padding/icon": 0,
"button/size/icon": "{Primitives$button/min/height}",
"button/size/icon/small": "{Primitives$button/min/height/small}",
"checkbox/margin/inline": "{Primitives$space/small}",
"checkbox/size": "{Primitives$size/item/small}",
"icon/size": "{Primitives$icon/size/small}",
"icon/size/xsmall": "{Primitives$dimension/12}",
"icon/size/small": "{Primitives$dimension/16}",
"icon/size/medium": "{Primitives$dimension/20}",
"icon/size/large": "{Primitives$dimension/24}",
"icon/size/xlarge": "{Primitives$dimension/32}",
"input/text/min/height": "{Primitives$button/min/height}",
"link/focus/outline/offset": 1,
"page/main/content/width": 664
}