justinzeus/wolfskin
1
0
Fork 0
Code Issues 2 Pull requests Releases 3 Packages Activity
wolfskin/wolfskin-design/shell-tokens.json

356 lines
13 KiB
JSON
Raw Blame History

{
"requests": {
"sheetPaddingY": { "$type": "dimension", "px": 80, "dp": 40, "source": "index.html:227" },
"sheetPaddingX": { "$type": "dimension", "px": 64, "dp": 32, "source": "index.html:227" },
"sheetGap": { "$type": "dimension", "px": 18, "dp": 9, "source": "index.html:227" },
"emptyMargin": { "$type": "dimension", "px": 20, "dp": 10, "source": "index.html:1905" },
"rowPaddingY": { "$type": "dimension", "px": 14, "dp": 7, "source": "index.html:247" },
"rowPaddingX": { "$type": "dimension", "px": 18, "dp": 9, "source": "index.html:247" },
"rowGap": { "$type": "dimension", "px": 24, "dp": 12, "source": "index.html:247" },
"listGap": { "$type": "dimension", "px": 6, "dp": 3, "source": "index.html:255" },
"stageMargin": { "$type": "dimension", "px": 4, "dp": 2, "source": "index.html:252" },
"stageGlyph": { "$type": "dimension", "px": 28, "dp": 14, "source": "index.html:152" },
"stageGap": { "$type": "dimension", "px": 8, "dp": 4, "source": "index.html:152" },
"readinessGapX": { "$type": "dimension", "px": 22, "dp": 11, "source": "index.html:312" },
"readinessGapY": { "$type": "dimension", "px": 10, "dp": 5, "source": "index.html:312" },
"readinessMargin": { "$type": "dimension", "px": 8, "dp": 4, "source": "index.html:312" },
"readinessGlyph": { "$type": "dimension", "px": 26, "dp": 13, "source": "index.html:314" },
"chevron": { "$type": "dimension", "px": 30, "dp": 15, "source": "index.html:317" },
"chevronAlpha": { "$type": "number", "$value": 0.6, "source": "index.html:317" },
"separatorAlpha": { "$type": "number", "$value": 0.4, "source": "spec 4.4 caption separator rule" },
"receiptPaddingY": { "$type": "dimension", "px": 28, "dp": 14, "source": "index.html:243" },
"receiptPaddingX": { "$type": "dimension", "px": 30, "dp": 15, "source": "index.html:243" },
"receiptGap": { "$type": "dimension", "px": 10, "dp": 5, "source": "index.html:243" },
"receiptGlyph": { "$type": "dimension", "px": 36, "dp": 18, "source": "index.html:245" },
"buttonMargin": { "$type": "dimension", "px": 12, "dp": 6, "source": "index.html:241" },
"skeletonTitleWidth": { "$type": "dimension", "px": 360, "dp": 180, "source": "index.html:1902" },
"skeletonTitleHeight": { "$type": "dimension", "px": 34, "dp": 17, "source": "index.html:1902" },
"skeletonSubtitleWidth": { "$type": "dimension", "px": 240, "dp": 120, "source": "index.html:1902" },
"skeletonSubtitleHeight": { "$type": "dimension", "px": 26, "dp": 13, "source": "index.html:1902" },
"skeletonGap": { "$type": "dimension", "px": 12, "dp": 6, "source": "index.html:1902" },
"ratingsGap": { "$type": "dimension", "px": 20, "dp": 10, "source": "index.html:156" },
"ratingsEntryGap": { "$type": "dimension", "px": 8, "dp": 4, "source": "index.html:157" },
"shadowBlur": { "$type": "dimension", "px": 80, "dp": 40, "source": "index.html:227" },
"shadowOffset": { "$type": "dimension", "px": -30, "dp": -15, "source": "index.html:227" },
"shadowColor": { "$type": "color", "$value": "#00000080", "source": "index.html:227" },
"ratingsWordmarkRatio": { "$type": "number", "$value": 1.8, "source": "index.html:160" }
},
"shell": {
"navLabelFade": {
"$type": "duration",
"$value": "200ms",
"source": "index.html:81; nav label color transition uses 200 ms ease-out"
},
"zero": {
"$type": "dimension",
"px": 0,
"dp": 0.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"stageWidth": {
"$type": "dimension",
"px": 1920,
"dp": 960.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"stageHeight": {
"$type": "dimension",
"px": 1080,
"dp": 540.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"wordmarkWidth": {
"$type": "dimension",
"px": 169,
"dp": 84.5,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"wordmarkTop": {
"$type": "dimension",
"px": 73.6,
"dp": 36.8,
"source": "index.html:74,79: centre a 46.8 px line in the 64 px nav item"
},
"navHomeWidth": {
"$type": "dimension",
"px": 149,
"dp": 74.5,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"navDiscoverWidth": {
"$type": "dimension",
"px": 198,
"dp": 99.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"navMoviesWidth": {
"$type": "dimension",
"px": 171,
"dp": 85.5,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"navShowsWidth": {
"$type": "dimension",
"px": 161,
"dp": 80.5,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"navAnimeWidth": {
"$type": "dimension",
"px": 158,
"dp": 79.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"navItemTop": {
"$type": "dimension",
"px": 65,
"dp": 32.5,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerTitleTop": {
"$type": "dimension",
"px": 272.3,
"dp": 136.15,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerPeopleTop": {
"$type": "dimension",
"px": 425.5,
"dp": 212.75,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerNameGap": {
"$type": "dimension",
"px": 26,
"dp": 13.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerGearTop": {
"$type": "dimension",
"px": 751.7,
"dp": 375.85,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerGearCaptionTop": {
"$type": "dimension",
"px": 72,
"dp": 36.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerLetter": {
"$type": "dimension",
"px": 100,
"dp": 50.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerSkeletonNameWidth": {
"$type": "dimension",
"px": 140,
"dp": 70.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerSkeletonNameHeight": {
"$type": "dimension",
"px": 40,
"dp": 20.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerLoadingTitleTop": {
"$type": "dimension",
"px": 247.4,
"dp": 123.7,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerLoadingPeopleTop": {
"$type": "dimension",
"px": 400.6,
"dp": 200.3,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerLoadingButtonTop": {
"$type": "dimension",
"px": 756.6,
"dp": 378.3,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerErrorTitleTop": {
"$type": "dimension",
"px": 297.6,
"dp": 148.8,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerErrorPanelTop": {
"$type": "dimension",
"px": 450.8,
"dp": 225.4,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerErrorPanelWidth": {
"$type": "dimension",
"px": 980,
"dp": 490.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerErrorPanelHeight": {
"$type": "dimension",
"px": 185.6,
"dp": 92.8,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerErrorButtonTop": {
"$type": "dimension",
"px": 706.4,
"dp": 353.2,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsHeaderTop": {
"$type": "dimension",
"px": 150,
"dp": 75.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsHeaderAvatar": {
"$type": "dimension",
"px": 52,
"dp": 26.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsHeaderGap": {
"$type": "dimension",
"px": 24,
"dp": 12.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsRowTop": {
"$type": "dimension",
"px": 10,
"dp": 5.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsRowPadding": {
"$type": "dimension",
"px": 30,
"dp": 15.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsRowGap": {
"$type": "dimension",
"px": 24,
"dp": 12.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsIcon": {
"$type": "dimension",
"px": 36,
"dp": 18.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsPillHeight": {
"$type": "dimension",
"px": 40,
"dp": 20.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsPillStroke": {
"$type": "dimension",
"px": 2,
"dp": 1.0,
"source": "index.html:122; pill border 2 px inside its 40 px border-box"
},
"settingsPillDashRatio": {
"$type": "number",
"$value": 3,
"source": "st-091 frozen browser top border: 6 px dashes at 2 px stroke width"
},
"settingsPillDashGapRatio": {
"$type": "number",
"$value": 2,
"source": "st-091 frozen browser top border: 4 px gaps at 2 px stroke width"
},
"settingsPillBorder": {
"$type": "color",
"$value": "#ffffff38",
"source": "index.html:122; white at 22 percent opacity, rounded to 8-bit alpha"
},
"settingsPillFocusedBorder": {
"$type": "color",
"$value": "#0b0b1066",
"source": "index.html:328; focused pill ink at 40 percent opacity"
},
"settingsPillPadding": {
"$type": "dimension",
"px": 16,
"dp": 8.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsPillGap": {
"$type": "dimension",
"px": 12,
"dp": 6.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsChevron": {
"$type": "dimension",
"px": 30,
"dp": 15.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsEndPadding": {
"$type": "dimension",
"px": 620,
"dp": 310.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"panelPaddingX": {
"$type": "dimension",
"px": 30,
"dp": 15.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"panelPaddingY": {
"$type": "dimension",
"px": 28,
"dp": 14.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"panelGap": {
"$type": "dimension",
"px": 10,
"dp": 5.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"panelHeadingGap": {
"$type": "dimension",
"px": 14,
"dp": 7.0,
"source": "index.html:244: receipt heading icon-to-title gap"
},
"panelIcon": {
"$type": "dimension",
"px": 36,
"dp": 18.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"skeletonRadius": {
"$type": "dimension",
"px": 10,
"dp": 5.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"gearOpacity": {
"$type": "number",
"$value": 0.7,
"source": "locked index.html CSS / measured st-* bounds"
},
"navBandOpacity": {
"$type": "number",
"$value": 0.72,
"source": "locked index.html CSS / measured st-* bounds"
},
"navSolidStop": {
"$type": "number",
"$value": 0.84,
"source": "locked index.html CSS / measured st-* bounds"
}
}
}
Reference in a new issue View git blame Copy permalink